{"$schema":"https://sh4dcn.vercel.app/json","generated_by":"scripts/render-agent-json.mjs","generated_at":"2026-07-08T08:43:45.915Z","notice":"Machine- and human-readable directory of shadcn-compatible libraries and their components. Each library includes direct website/GitHub/registry URLs and copy-paste install, clone, and registry-fetch commands. Not affiliated with shadcn/ui.","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."},"library_count":233,"component_count":7918,"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":[],"categories":["Uncategorized"],"labels":[],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/index.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/hero-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/auth-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/features-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/dashboard-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/app-shell-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/header-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/footer-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/cta-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/integrations-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/logo-cloud-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/faqs-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/contact-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/pricing-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/testimonials-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/stats-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/sidebar-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/settings-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/table-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/bento-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/how-it-works-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/newsletter-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/announcement-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/blog-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/team-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/comparison-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/gallery-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/empty-states-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/billing-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/ai-chat-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/onboarding-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/command-palette-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/notifications-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/kanban-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/calendar-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/file-upload-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/charts-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/bento-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/how-it-works-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/newsletter-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/announcement-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/blog-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/team-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/comparison-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/gallery-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/empty-states-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/billing-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/ai-chat-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/onboarding-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/command-palette-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/notifications-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/kanban-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/calendar-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/file-upload-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/charts-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/hero-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/features-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/pricing-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/testimonials-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://7ovr.com/r/stats-2.json","preview_url":null,"raw_code_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"}]},{"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":["saas","dashboard","aesthetic"],"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"},"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":60,"components":[{"name":"chapter-intro","title":"8-bit Chapter Intro","description":"A cinematic chapter/level intro with pixel art background.","type":"registry:block","tags":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/chapter-intro.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/button.json","preview_url":null,"raw_code_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":"input","title":"8-bit Input","description":"A simple 8-bit input component","type":"registry:component","tags":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/input.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/toast.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/input-otp.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/badge.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/textarea.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/calendar.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/date-picker.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/carousel.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/dialog.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/dropdown-menu.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/hover-card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/popover.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/resizable.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/select.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/sheet.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/label.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/checkbox.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/scroll-area.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/switch.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/alert.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/alert-dialog.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/tooltip.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/avatar.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/skeleton.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/breadcrumb.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/collapsible.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/progress.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/enemy-health-display.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/health-bar.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/mana-bar.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/xp-bar.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/game-progress.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/dialogue.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/profile-card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/slider.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/context-menu.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/menubar.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/toggle.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/table.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/tabs.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/combo-box.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/command.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/separator.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/radio-group.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/pagination.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/friend-list.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/login-form.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/login-form-2.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/login-form-with-image.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/login-page.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/chart.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/chart-bar.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/chart-area-step.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/main-menu.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/pause-menu.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/game-over.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://www.8bitcn.com/r/audio-settings.json","preview_url":null,"raw_code_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"}]},{"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":["ai","dashboard","aesthetic"],"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"},"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":59,"components":[{"name":"button","title":"Button","description":"A shadcn-compatible button with an optional Stripe-style arrow animation","type":"registry:ui","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/button.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/button-demo.json","preview_url":null,"raw_code_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":"heatmap","title":"Heatmap","description":"A heatmap component","type":"registry:ui","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap-interpolate-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap-display-style-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap-days-of-week-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap-size-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap-custom-colors-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/heatmap-custom-display-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/partition-bar.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/partition-bar-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/partition-bar-size-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/partition-bar-alignment-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/partition-bar-width-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/partition-bar-custom-colours-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/partition-bar-variants-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/flip-clock.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/flip-clock-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/flip-clock-size-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/flip-clock-variants-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/flip-clock-countdown-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/flip-clock-showdays-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/status-indicator.json","preview_url":null,"raw_code_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":"transport-badge","title":"Transport badge","description":"A transport badge component","type":"registry:ui","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/transport-badge.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/system-banner.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/status-indicator-demo.json","preview_url":null,"raw_code_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":"transport-badge-demo-multi-station","title":"Transport badge demo multi station","description":"A transport badge demo multi station component","type":"registry:example","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/transport-badge-demo-multi-station.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/transport-badge-demo-single-station.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/transport-badge-demo-sizes.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/transport-badge-demo-station-name.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/transport-badge-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/timeline.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/timeline-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/timeline-hollow-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/timeline-nocards-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/timeline-not-alternating-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/timeline-vertical-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/transport-badge-demo-hk.json","preview_url":null,"raw_code_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":"scroll-fade","title":"Scroll Fade component","description":"A scroll fade component","type":"registry:ui","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/scroll-fade.json","preview_url":null,"raw_code_url":"https://ui.8starlabs.com/r/scroll-fade.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/scroll-fade.json","copy_url":"https://ui.8starlabs.com/r/scroll-fade.json"},{"name":"scroll-fade-demo","title":"Scroll Fade Demo","description":"A scroll fade demo component","type":"registry:example","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/scroll-fade-demo.json","preview_url":null,"raw_code_url":"https://ui.8starlabs.com/r/scroll-fade-demo.json","install_command":"npx shadcn@latest add https://ui.8starlabs.com/r/scroll-fade-demo.json","copy_url":"https://ui.8starlabs.com/r/scroll-fade-demo.json"},{"name":"marquee","title":"Marquee component","description":"A marquee component","type":"registry:ui","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/marquee.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/marquee-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/marquee-grayscale-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/marquee-reverse-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/json-viewer.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/json-viewer-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/json-viewer-features-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player-minimal-controls-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player-fit-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player-sizing-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player-repeat-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player-auto-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player-visible-controls-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/video-player-hide-center-controls-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/shake.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://ui.8starlabs.com/r/shake-demo.json","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/connect-wallet-button/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/abstract-profile/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/agw-provider/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/siwe-button/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/session-keys/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/onboarding-dialog/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/portfolio-chart/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/use-optimistic-write-contract/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/abstract-contracts/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/abstract-app-voting/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/nft-card/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/cursor-ai-config/json","preview_url":null,"raw_code_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"],"categories":["Crypto/web3"],"source_url":"https://build.abs.xyz/r/claude-config/json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"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"},"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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/design-system.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/orientation-media-queries.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/extra-breakpoints.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/debug-utils.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/breakpoint-display.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/radio-tabs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/radio-rows.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/color-swatch-selector.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/label-selector.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/spinner.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/scroll-progress.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/text-gradient.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/timeline.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/availability.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/calendar-year.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/accordion-multiselect.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/scroll-reveal-content-a.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/timeline-steps.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/toc.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://abui.io/r/animated-chart.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"labels":["featured"],"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"},"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":60,"components":[{"name":"grid","title":null,"description":null,"type":"registry:ui","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/grid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/moving-line.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/sparkles.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/spotlight.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/glowing-stars.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/text-reveal-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/animated-tooltip.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/following-pointer.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-beams.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/svg-mask-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/infinite-moving-cards.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/3d-pin.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/evervault-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/parallax-scroll.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/parallax-scroll-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/parallax-hero-images.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/tracing-beam.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/container-scroll-animation.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/text-generate-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/meteors.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/card-stack.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/moving-border.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/lamp.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/sticky-scroll-reveal.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/floating-navbar.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/navbar-menu.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/tailwindcss-buttons.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/bento-grid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/card-hover-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/google-gemini-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/gooey-input.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/typewriter-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-boxes.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/3d-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/images-slider.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/direction-aware-hover.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/tabs.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/hero-parallax.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/wavy-background.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-gradient.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/layout-grid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/background-gradient-animation.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/macbook-scroll.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/input.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/label.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/multi-step-loader.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/globe.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/aurora-background.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/canvas-reveal-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/hover-border-gradient.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/hero-highlight.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/vortex.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/wobble-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/placeholders-and-vanish-input.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/flip-words.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/link-preview.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/glare-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/animated-modal.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/sidebar.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui.aceternity.com/registry/apple-cards-carousel.json","preview_url":null,"raw_code_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"}]},{"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":["components"],"categories":["Component library (general)"],"labels":[],"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"},"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":[],"categories":["Uncategorized"],"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"},"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":57,"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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/ai-seo-audit.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/browser-agent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/chat-with-pdf.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/chat-with-youtube.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/claw.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/company-knowledge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/csv-to-questions.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/deep-search.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/docs-chatbot.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/docs-expert.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/extract-design-md.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/feedback-summary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/flashcards-pdf.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/github-review.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/google-sheets.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/meeting-notes.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/slack-agent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/text-to-sql.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/eve/weather.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/ai-seo-audit.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/browser-agent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/chat-with-pdf.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/chat-with-youtube.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/claw.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/company-knowledge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/csv-to-questions.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/deep-search.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/docs-chatbot.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/docs-expert.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/extract-design-md.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/feedback-summary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/flashcards-pdf.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/github-review.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/google-sheets.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/meeting-notes.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/slack-agent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/text-to-sql.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/flue/weather.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/ai-seo-audit.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/browser-agent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/chat-with-pdf.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/chat-with-youtube.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/claw.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/company-knowledge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/csv-to-questions.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/deep-search.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/docs-chatbot.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/docs-expert.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/extract-design-md.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/feedback-summary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/flashcards-pdf.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/github-review.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/google-sheets.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/meeting-notes.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/slack-agent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/text-to-sql.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://agentcn.vercel.app/r/mastra/weather.json","preview_url":null,"raw_code_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"}]},{"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"],"categories":["AI/chat UI"],"labels":["featured","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"},"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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-disconnect-button.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-track-toggle.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-track-control.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-control-bar.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-audio-visualizer-bar.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-audio-visualizer-radial.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-audio-visualizer-grid.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-session-provider.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/start-audio-button.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-chat-indicator.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-chat-transcript.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/react-shader-toy.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-audio-visualizer-wave.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-audio-visualizer-aura.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/nextjs-api-token-route.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/agent-session-view-01.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://livekit.com/ui/r/all.json","preview_url":null,"raw_code_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":["ai"],"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"},"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":["ai"],"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"},"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":60,"components":[{"name":"agent","title":"Agent","description":"AI-powered agent component.","type":"registry:component","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/agent.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/artifact.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/attachments.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/audio-player.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/canvas.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/chain-of-thought.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/checkpoint.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/code-block.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/commit.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/confirmation.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/connection.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/context.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/controls.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/conversation.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/edge.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/environment-variables.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/file-tree.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/image.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/inline-citation.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/jsx-preview.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/message.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/mic-selector.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/model-selector.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/node.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/open-in-chat.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/package-info.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/panel.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/persona.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/plan.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/prompt-input.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/queue.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/reasoning.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/sandbox.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/schema-display.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/shimmer.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/snippet.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/sources.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/speech-input.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/stack-trace.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/suggestion.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/task.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/terminal.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/test-results.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/tool.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/toolbar.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/transcription.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/voice-selector.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/web-preview.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-agent.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-artifact.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-attachments-inline.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-attachments-list.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-attachments.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-audio-player-remote.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-audio-player.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-chain-of-thought.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-chatbot.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-checkpoint.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-code-block-dark.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://ai-sdk.dev/elements/api/registry/example-code-block.json","preview_url":null,"raw_code_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"}]},{"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":["ai","aesthetic"],"categories":["Animated components"],"labels":["featured","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"},"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":60,"components":[{"name":"ai-job-cards","title":"AI Job Cards","description":"Three AI job card stacks with swipe-to-cycle. Brand logos, bookmark toggle, springs.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/ai-job-cards.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/andromeda-button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/meet-the-crew.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/blind-pull-toggle.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/bubble-field.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/charging-widget.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/crypto-swap.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/cube-carousel.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/curious-ai.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/danger-stripes.json","preview_url":null,"raw_code_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":"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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/distortion-grid.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/dot-grid.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/emoji-burst.json","preview_url":null,"raw_code_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":"flip-calendar","title":"Flip Calendar","description":"A desk-calendar widget showing dates 1–31 with a satisfying flip-clock page-turn animation.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/flip-calendar.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/traveldeck.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-ai-compose.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-card.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-dock.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-modal.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-music-player.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-navbar.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-notification.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-progress.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-search-bar.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-sidebar.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-slider.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-stepper.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-tab-bar.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-tags.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-toast.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-toggle.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glass-user-menu.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/glitch-button.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/good-vibes.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/grid-lines.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/halo-type.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/interactive-card-stack.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/jar-of-emotions.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/label-cards.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/magnetic-dots.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/mark-toggle.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/mood-tracker.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/neon-clock.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/new-project-modal.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/noise-bg.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/noise-field.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/orbit.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/particle-constellation.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/particle-sphere.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/peel-corner-reveal.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/pill-toggle.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/playful.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/polaroid-stack.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/product-card-deck.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/radial-cards.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/radial-toolbar.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/responsive-letters.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/ripple-type.json","preview_url":null,"raw_code_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%.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/runway-loader.json","preview_url":null,"raw_code_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.","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://aicanvas.me/r/scramble-text.json","preview_url":null,"raw_code_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"}]},{"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":["ai"],"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"},"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":["ai"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/dropdown-search.json","preview_url":null,"raw_code_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":["ai"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/search.json","preview_url":null,"raw_code_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":["ai"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/search-ai.json","preview_url":null,"raw_code_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":["ai"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/highlight-to-askai.json","preview_url":null,"raw_code_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":["ai"],"categories":["Niche/single-purpose"],"source_url":"https://sitesearch.algolia.com/r/sidepanel-askai.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"labels":["featured","recently-updated"],"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"},"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":"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":["components"],"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"},"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":2,"components":[{"name":"color-picker","title":"Amplo Color Picker","description":"OKLCH-native, Display-P3-aware composable color picker with WCAG/APCA contrast metrics, gamut detection, and full keyboard accessibility.","type":"registry:ui","tags":["components"],"categories":["Niche/single-purpose"],"source_url":"https://amplo.ale.design/r/color-picker.json","preview_url":null,"raw_code_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":"fill-picker-base","title":"Amplo Color Picker (Base UI)","description":"Base UI variant of the Amplo Color Picker — Hue/Lightness/Alpha on Slider, FormatSwitcher on Select, ChannelInput on NumberField, and Swatches on RadioGroup. R…","type":"registry:ui","tags":["components"],"categories":["Niche/single-purpose"],"source_url":"https://amplo.ale.design/r/fill-picker-base.json","preview_url":null,"raw_code_url":"https://amplo.ale.design/r/fill-picker-base.json","install_command":"npx shadcn@latest add https://amplo.ale.design/r/fill-picker-base.json","copy_url":"https://amplo.ale.design/r/fill-picker-base.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":["aesthetic"],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/index.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-avatar-group.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-code.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-code-tabs.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-cursor.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-github-stars-wheel.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-tabs.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-animate-tooltip.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-bubble.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-fireworks.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-gradient.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-gravity-stars.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-hexagon.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-hole.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-backgrounds-stars.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-accordion.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-alert-dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-checkbox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-files.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-menu.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-popover.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-preview-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-preview-link-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-progress.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-radio.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-switch.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-tabs.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-toggle.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-toggle-group.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-base-tooltip.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-copy.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-flip.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-github-stars.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-icon.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-liquid.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-ripple.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-buttons-theme-toggler.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-flip-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-management-bar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-motion-carousel.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-notification-list.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-pin-list.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-playful-todolist.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-radial-intro.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-radial-menu.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-radial-nav.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-share-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-community-user-presence-avatar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-accordion.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-checkbox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-popover.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-switch.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-headless-tabs.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-accordion.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-alert-dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-checkbox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://animate-ui.com/r/components-radix-dialog.json","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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":60,"components":[{"name":"hooks-use-hover-lift","title":"Use Hover Lift","description":"The use-hover-lift hook.","type":"registry:lib","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-hover-lift.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-hover-glow.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-press.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-fade-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-scale-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-slide-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-pulse.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-bounce.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-shimmer.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-scramble.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-word-carousel.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-magnetic.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-parallax-tilt.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-use-stroke-draw.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/hooks-index.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-pulse.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-bounce.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-bounce-continuous.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-spin.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-wiggle.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-shake.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-heartbeat.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-fade-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-scale-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-pop.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-rotate.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/icons-stroke-draw.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-reaction-dock.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-reaction-dock-demo.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-animated-toast.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/spotlight-card.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/reaction-button.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-border-beam.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/specials-border-beam-demo.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-press.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-glow.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-lift.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-shine.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-fade-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-slide-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-ripple.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-magnetic.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/buttons-border-gradient.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-hover-lift.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-hover-glow.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-fade-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-scale-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-slide-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-flip.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-tilt.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-parallax-tilt.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/cards-background-zoom.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-fade-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-slide-up.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-typewriter.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-gradient.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-blur-in.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-dia.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-shimmer.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://animbits.dev/r/text-scramble.json","preview_url":null,"raw_code_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"}]},{"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":["saas","aesthetic"],"categories":["Niche/single-purpose"],"labels":[],"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"},"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":["saas","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://witharc.co/r/logo-carousel.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://witharc.co/r/showreel.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"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"},"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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/command-prompt.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/pointer.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/window.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/jsx-preview.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/select.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/input.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/textarea.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat-input.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat-message.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat-tool.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/chat-reasoning.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/badge.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/long-press-button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/reveal.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/card.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/description-list.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/page-header.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/motion-blur-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/code-block.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/markdown.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/invisible-input.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/loader.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/morphing-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/ascii-wave.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://ds.asanshay.com/r/color-picker.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"labels":["featured","popular","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"},"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":38,"components":[{"name":"shimmer-style","title":null,"description":null,"type":"registry:style","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/shimmer-style.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/chat/b/ai-sdk-quick-start/json.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/ai-sdk-backend.json","preview_url":null,"raw_code_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":"thread","title":null,"description":null,"type":"registry:component","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/thread.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/voice.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/markdown-text.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/reasoning.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/message-timing.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/context-display.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/thread-list.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/mcp-config.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/attachment.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/follow-up-suggestions.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/tooltip-icon-button.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/syntax-highlighter.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/assistant-modal.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/assistant-sidebar.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/tool-fallback.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/tool-group.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/shiki-highlighter.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/mermaid-diagram.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/diff-viewer.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/threadlist-sidebar.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/quote.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/sources.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/image.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/file.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/model-selector.json","preview_url":null,"raw_code_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":"select","title":null,"description":null,"type":"registry:component","tags":["ai"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/select.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/direction.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/badge.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/tabs.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/accordion.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/dot-matrix.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/number-roll.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/heat-graph.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/composer-trigger-popover.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://r.assistant-ui.com/directive-text.json","preview_url":null,"raw_code_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"}]},{"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":["saas","ai"],"categories":["Auth/identity"],"labels":[],"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"},"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":["saas","ai"],"categories":["Auth/identity"],"source_url":"https://ui.auth0.com/r/my-account/user-mfa-management.json","preview_url":null,"raw_code_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":["saas","ai"],"categories":["Auth/identity"],"source_url":"https://ui.auth0.com/r/my-organization/organization-details-edit.json","preview_url":null,"raw_code_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":["saas","ai"],"categories":["Auth/identity"],"source_url":"https://ui.auth0.com/r/my-organization/domain-table.json","preview_url":null,"raw_code_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":["saas","ai"],"categories":["Auth/identity"],"source_url":"https://ui.auth0.com/r/my-organization/sso-provider-table.json","preview_url":null,"raw_code_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":["saas","ai"],"categories":["Auth/identity"],"source_url":"https://ui.auth0.com/r/my-organization/sso-provider-create.json","preview_url":null,"raw_code_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":["saas","ai"],"categories":["Auth/identity"],"source_url":"https://ui.auth0.com/r/my-organization/sso-provider-edit.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://shadcn-braille-loader.vercel.app/r/braille-loader.json","preview_url":null,"raw_code_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":["dashboard","components"],"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"},"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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/alert.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/accordion.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/autocomplete.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/alert-dialog.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/aspect-ratio.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/avatar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/badge.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/breadcrumb.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/button.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/button-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/card.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/carousel.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/calendar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/checkbox.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/collapsible.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/command.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/combobox.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/context-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/dialog.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/drawer.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/drawer-base.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/dropdown-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/field.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/form.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/empty.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/form-tanstack.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/hover-card.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/input.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/input-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/item.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/label.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/menubar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/kbd.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/navigation-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/pagination.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/popover.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/progress.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/radio-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/resizable.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/scroll-area.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/select.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/separator.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/separator-extended.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/sheet.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/sidebar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/skeleton.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/slider.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/sonner.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/spinner.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/switch.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/table.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/tabs.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/textarea.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/toggle.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/toggle-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://basecn.dev/r/tooltip.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/accordion.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/badge.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/breadcrumbs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/button.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/calendar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/card.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/checkbox.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/combobox.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/command.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/date-field.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/date-picker.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/input.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/menu.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/meter.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/modal.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/popover.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/radio-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/select.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/slider.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/switch.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/table.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/tabs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/tag-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/time-field.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/toggle.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://www.baselayer.dev/r/tooltip.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","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"},"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":60,"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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about9.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about15.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about16.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about17.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about18.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about19.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about20.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about21.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about22.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about23.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about24.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about25.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about26.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about27.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about28.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about29.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about30.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about31.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about32.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about33.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about34.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about35.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about36.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about37.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about38.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about39.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about40.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about41.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about42.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about43.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about44.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about45.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about46.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about47.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about48.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about49.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about50.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about51.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about52.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about53.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about54.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about55.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about56.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about57.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about58.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about59.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.beste.co/r/about60.json","preview_url":null,"raw_code_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"}]},{"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":["components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://better-upload.com/r/upload-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://better-upload.com/r/upload-dropzone.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://better-upload.com/r/upload-progress.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://better-upload.com/r/paste-upload-area.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"labels":["featured","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"},"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":60,"components":[{"name":"tilt-card","title":"Tilt Card","description":"3D perspective tilt on hover with cursor-tracked glare.","type":"registry:component","tags":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/tilt-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/button-base.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/button-stateful.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/button-magnetic.json","preview_url":null,"raw_code_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":"marquee","title":"Marquee","description":"Infinite horizontal or vertical scroll with pause-on-hover.","type":"registry:component","tags":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/marquee.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/tabs.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/switch.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/select-morph.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/checkbox.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/radio.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/bottom-sheet.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/shared-layout-bg.json","preview_url":null,"raw_code_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":"dock","title":"Dock","description":"macOS-style dock with grouped actions and a gliding active pill.","type":"registry:component","tags":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/dock.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/tooltip.json","preview_url":null,"raw_code_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":"popover","title":"Popover","description":"Gooey popover whose panel oozes out of the trigger through an SVG goo filter — a liquid neck that stretches and pinches — with crisp content fading in on top. …","type":"registry:component","tags":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/popover.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/morphing-modal.json","preview_url":null,"raw_code_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":"text-reveal","title":"Text Animation Text Reveal","description":"Word or character reveal with spring slide-up and blur.","type":"registry:component","tags":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/text-reveal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/text-shimmer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/text-cascade.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/number-ticker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/animated-number.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/animated-badge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/action-swap-cascade.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/action-swap-blur.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/action-swap-roll.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/animated-toast-stack.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/theme-toggle.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/bouncy-accordion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/drawer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/smooth-scroll.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/scroll-progress.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/parallax.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/scroll-to.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/scroll-reveal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/range-slider.json","preview_url":null,"raw_code_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":"table","title":"Table Data Table","description":"10k virtualized rows with sortable headers, row selection, column resize and reorder.","type":"registry:component","tags":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/table-editable.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/table-async.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/shader-background.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/cylinder-carousel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/loader.json","preview_url":null,"raw_code_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":"swap","title":"Multi-chain Swap","description":"Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.","type":"registry:block","tags":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/swap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/dynamic-island.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/command-palette.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/expandable-action-bar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/overflow-actions.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/expandable-tabs.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/swipeable-list.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/file-upload.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/prediction-market.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/wallet-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/otp-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/bloom-menu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/feedback-widget.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/not-found-glitch.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/not-found-magnetic.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/not-found-spotlight.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://beui.dev/r/not-found-stacked.json","preview_url":null,"raw_code_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"}]},{"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":["saas","aesthetic"],"categories":["E-commerce/payments"],"labels":["recently-updated"],"urls":{"website":"https://billingsdk.com","github":"https://github.com/dodopayments/billingsdk","registry":"https://billingsdk.com/r/registry.json","source":"https://billingsdk.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/billingsdk"},"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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/index.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/all.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/hello-world.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/invoice-history.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-one.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-two.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-three.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-four.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-five.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-six.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-seven.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/pricing-table-eight.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/cancel-subscription-dialog.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/cancel-subscription-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/usage-based-pricing.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/update-plan-dialog.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/update-plan-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/subscription-management.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/usage-meter-linear.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/usage-meter-circle.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/banner.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-method-selector.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-details.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-details-two.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/billing-settings.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/billing-settings-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/proration-preview.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/detailed-usage-table.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/usage-table.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/upcoming-charges.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/limited-offer-dialog.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/trial-expiry-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/payment-failure.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://billingsdk.com/r/billing-screen.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"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"},"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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/utils.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/shimmering-text.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-utils.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-context.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-animation.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-series.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/grid.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/reference-area.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/projection-line.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/background.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/x-axis.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/y-axis.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-tooltip.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/legend.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/markers.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/area-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/composed-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/bar-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/line-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/profit-loss-line.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/bar-depth.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/scatter-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/live-line-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/candlestick-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/pie-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/radar-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/ring-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/gauge-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/heatmap-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/choropleth-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/funnel-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/sankey-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/sunburst-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/area-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/bar-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/line-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/scatter-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/pie-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/gauge-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/heatmap-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/ring-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/radar-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/composed-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/funnel-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/sankey-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/sunburst-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/candlestick-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/choropleth-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/live-line-chart-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/chart-stat-flow.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/stat-card-area-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/stat-card-area-01-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/stat-card-line-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/stat-card-line-01-example.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/stat-card-choropleth-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Charts/data viz"],"source_url":"https://ui.bklit.com/r/stat-card-choropleth-01-example.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"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"},"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":60,"components":[{"name":"ai-01","title":"AI Chat with Voice Input","description":"A ai chat with voice input block.","type":"registry:block","tags":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-04.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/ai-05.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/command-menu-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/command-menu-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/command-menu-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-04.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-05.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-06.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-07.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-08.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-09.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-10.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-11.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/dialog-12.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-04.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-05.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/file-upload-06.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-04.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/form-layout-05.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/grid-list-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/grid-list-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/grid-list-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-04.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-05.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-06.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-07.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-08.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/login-09.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-04.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-05.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-06.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/onboarding-07.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-03.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-04.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-05.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/sidebar-06.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-01.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-02.json","preview_url":null,"raw_code_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":["saas","ai","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blocks.so/r/stats-03.json","preview_url":null,"raw_code_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"}]},{"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":[],"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"},"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":60,"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-12.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-12.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-13.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-14.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-15.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-16.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-17.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-18.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-19.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-20.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-21.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-22.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-23.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-24.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-25.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/pricing-26.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-12.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-13.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-14.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/footer-15.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-13.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-14.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-15.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/hero-16.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://blockus.lndevui.com/r/contact-03.json","preview_url":null,"raw_code_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"}]},{"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":"react","license":"MIT","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"labels":["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"},"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":60,"components":[{"name":"theme","title":null,"description":"BoldKit neubrutalism theme with bold colors and CSS variables","type":"registry:theme","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/theme.json","preview_url":null,"raw_code_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":null,"description":"Utility functions for className merging","type":"registry:lib","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/utils.json","preview_url":null,"raw_code_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":null,"description":"Theme provider hook with light/dark/system support and localStorage persistence. Used by Sonner toast for theme-aware rendering.","type":"registry:hook","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/use-theme.json","preview_url":null,"raw_code_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":null,"description":"Error boundary wrapper with neubrutalism-styled fallback UI. Used by math-curve components to catch runtime errors gracefully.","type":"registry:component","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/error-boundary.json","preview_url":null,"raw_code_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":null,"description":"A vertically stacked set of interactive headings with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/accordion.json","preview_url":null,"raw_code_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":null,"description":"Displays a callout for user attention with bold neubrutalism borders","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/alert.json","preview_url":null,"raw_code_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":null,"description":"Displays content within a desired ratio","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/aspect-ratio.json","preview_url":null,"raw_code_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":null,"description":"An image element with a fallback for representing the user","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/avatar.json","preview_url":null,"raw_code_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":null,"description":"Displays a badge or a component that looks like a badge with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/badge.json","preview_url":null,"raw_code_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":null,"description":"Displays the path to the current resource using a hierarchy of links","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/breadcrumb.json","preview_url":null,"raw_code_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":null,"description":"Displays a button with neubrutalism styling and press-down animation","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/button.json","preview_url":null,"raw_code_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":null,"description":"Displays a card with header, content, and footer with thick borders and shadows","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/card.json","preview_url":null,"raw_code_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":null,"description":"A control that allows the user to toggle between checked and not checked","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/checkbox.json","preview_url":null,"raw_code_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":null,"description":"An interactive component which expands/collapses a panel","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/collapsible.json","preview_url":null,"raw_code_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":null,"description":"Searchable dropdown built by composing Popover and Command with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/combobox.json","preview_url":null,"raw_code_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":null,"description":"Fast, composable, command menu for React with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/command.json","preview_url":null,"raw_code_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":null,"description":"A window overlaid on the primary window with neubrutalism borders and shadows","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/dialog.json","preview_url":null,"raw_code_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":null,"description":"Displays a menu of actions/options with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/dropdown-menu.json","preview_url":null,"raw_code_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":null,"description":"Displays a menu triggered by right-click with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/context-menu.json","preview_url":null,"raw_code_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":null,"description":"A horizontal menu bar of desktop-style dropdown menus with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/menubar.json","preview_url":null,"raw_code_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":null,"description":"A collection of links and dropdown panels for site navigation with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/navigation-menu.json","preview_url":null,"raw_code_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":null,"description":"Resizable panel groups and handles with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/resizable.json","preview_url":null,"raw_code_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":null,"description":"Visually joins a row or column of buttons into one bordered unit","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/button-group.json","preview_url":null,"raw_code_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":null,"description":"An input joined with leading/trailing addons in a single bordered field","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/input-group.json","preview_url":null,"raw_code_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":null,"description":"Form field composition: label, control, description and error","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/field.json","preview_url":null,"raw_code_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":null,"description":"A styled wrapper around the native select element, a11y-first","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/native-select.json","preview_url":null,"raw_code_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":null,"description":"A single-date picker: a button trigger that opens a calendar popover","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/date-picker.json","preview_url":null,"raw_code_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":null,"description":"Displays a form input field with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/input.json","preview_url":null,"raw_code_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":null,"description":"Renders an accessible label for form controls","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/label.json","preview_url":null,"raw_code_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":null,"description":"Displays rich content in a portal with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/popover.json","preview_url":null,"raw_code_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":null,"description":"Displays an indicator showing the completion progress of a task","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/progress.json","preview_url":null,"raw_code_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":null,"description":"A set of checkable buttons where only one can be checked at a time","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/radio-group.json","preview_url":null,"raw_code_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":null,"description":"Augments native scroll functionality for custom styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/scroll-area.json","preview_url":null,"raw_code_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":null,"description":"Displays a list of options with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/select.json","preview_url":null,"raw_code_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":null,"description":"Visually separates content with a thick border","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/separator.json","preview_url":null,"raw_code_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":null,"description":"Extends Dialog to display content that complements the main page","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sheet.json","preview_url":null,"raw_code_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":null,"description":"Used to show a placeholder while content is loading","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/skeleton.json","preview_url":null,"raw_code_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":null,"description":"A jelly slider with spring physics and bouncy animations","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/slider.json","preview_url":null,"raw_code_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":null,"description":"An opinionated toast component with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sonner.json","preview_url":null,"raw_code_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":null,"description":"A control that allows the user to toggle between on and off","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/switch.json","preview_url":null,"raw_code_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":null,"description":"A responsive table component with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/table.json","preview_url":null,"raw_code_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":null,"description":"A tabbed interface component with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/tabs.json","preview_url":null,"raw_code_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":null,"description":"Displays a form textarea with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/textarea.json","preview_url":null,"raw_code_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":null,"description":"A two-state button that can be either on or off","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/toggle.json","preview_url":null,"raw_code_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":null,"description":"A group of toggle buttons where only one can be pressed at a time","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/toggle-group.json","preview_url":null,"raw_code_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":null,"description":"A popup that displays information related to an element","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/tooltip.json","preview_url":null,"raw_code_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":null,"description":"A modal dialog for important confirmations with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/alert-dialog.json","preview_url":null,"raw_code_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":null,"description":"A date picker calendar with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/calendar.json","preview_url":null,"raw_code_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":null,"description":"A drawer component that slides in from the edge of the screen","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/drawer.json","preview_url":null,"raw_code_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":null,"description":"A card that appears on hover with additional information","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/hover-card.json","preview_url":null,"raw_code_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":null,"description":"One-time password input with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/input-otp.json","preview_url":null,"raw_code_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":null,"description":"Pagination controls for navigating through pages","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/pagination.json","preview_url":null,"raw_code_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":null,"description":"Beautiful charts with neubrutalism styling built on Recharts","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/chart.json","preview_url":null,"raw_code_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":null,"description":"Auto-scrolling text ticker with neubrutalism styling - a common brutalist design element","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/marquee.json","preview_url":null,"raw_code_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":null,"description":"Rotated labels and stamps with tape effect and double borders - neubrutalist decorative elements","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/sticker.json","preview_url":null,"raw_code_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":null,"description":"Card component with stacked layers effect showing offset depth - neubrutalist depth illusion","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/layered-card.json","preview_url":null,"raw_code_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":null,"description":"55 neubrutalist SVG shapes organized by category for badges, decorations, and visual accents","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/shapes.json","preview_url":null,"raw_code_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":null,"description":"BoldKit neubrutalism CSS variables and utilities","type":"registry:style","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/styles.json","preview_url":null,"raw_code_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":null,"description":"Loading spinner with multiple animation variants - dots, bars, blocks, and brutal shadow spin","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/spinner.json","preview_url":null,"raw_code_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":null,"description":"Keyboard key indicator for displaying shortcuts and hotkeys with neubrutalism styling","type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://boldkit.dev/r/kbd.json","preview_url":null,"raw_code_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"}]},{"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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"labels":["featured"],"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"},"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":60,"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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/accordion-default.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/accordion-collapsible.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/accordion-with-plus-icon.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-default.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-with-icon.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-with-title.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-with-action-button.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-with-dismiss.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-success.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-warning.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-danger.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/alert-dialog.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/avatar-default.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/avatar-fallback-only.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/avatar-with-status-indicator.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/avatar-avatar-group.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/avatar-sizes.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/badge-default.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/badge-secondary.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/badge-destructive.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/badge-outline.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/badge-indicator.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/badge-with-icon.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/badge-with-dismiss.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/breadcrumb-default.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/breadcrumb-with-icon.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/breadcrumb-with-dropdown.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-default.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-secondary.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-destructive.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-outline.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-ghost.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-link.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-with-icon.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-only-icon.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-icon-sizes.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-sizes.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-disabled.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-loading.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/button-loading-with-icon.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/calendar.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/card-default.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/card-with-header.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/card-with-header-description.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/card-with-header-icon.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/card-with-action.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/card-with-footer.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/card-colored.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/carousel-01.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/carousel-02.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/carousel-03.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/chart.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/checkbox.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/collapsible.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/combobox.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/command.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/context-menu.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/data-table-01.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/data-table-02.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://bundui.io/r/data-table-03.json","preview_url":null,"raw_code_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"}]},{"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":["components"],"categories":["Niche/single-purpose"],"labels":["featured","recently-updated"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-1.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-2.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-3.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-4.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-5.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-6.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-7.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-8.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-9.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-10.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-11.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-12.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-13.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-14.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-15.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-16.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-17.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-18.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-19.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-20.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-21.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-22.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-23.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-24.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-25.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-26.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://cardcn.dev/r/card-27.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"labels":["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"},"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":60,"components":[{"name":"electric-mist","title":"Electric Mist","description":"A high-energy glowing lightning shader with waves and smoke effects.","type":"registry:component","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/electric-mist.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/waves.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/liquid-chrome.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/nebula.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/astral-flow.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/synthesis.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/light-speed.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/stats-cards.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/interactive-grid-background.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/text-loop.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/gif-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/dancing-letters.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/premium-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/shimmer-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/slideup-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/hover-arrow-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/focus-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/neo-brutalist-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/glowing-border-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/gauge.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/carousel.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/feature-steps.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/dock.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/copy-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/wavy-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/adjustments-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/ai-input.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/scan-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/bell-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/settings-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/activity-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/refresh-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/wifi-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/arrow-right-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/download-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/globe-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/star-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/hourglass-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/lightbulb-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/music-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/heart-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/mail-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/location-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/lock-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/rocket-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/zap-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/eye-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/send-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/volume-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/check-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/sparkle-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/menu-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/alert-circle-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/external-link-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/cloud-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/credit-card-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/cart-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/arrow-left-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/arrow-up-icon.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://chamaac.com/r/arrow-down-icon.json","preview_url":null,"raw_code_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"}]},{"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":[],"categories":["Uncategorized"],"labels":["recently-updated"],"urls":{"website":"https://trychannel3.com/developers/ui","github":"https://github.com/channel3-ai/channel3-ui","registry":"https://ui.trychannel3.com/r/registry.json","source":"https://ui.trychannel3.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/channel3"},"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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/format.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/variants.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/use-latest-request.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/use-in-viewport.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/use-variant-selection.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/search.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/use-product-recommendations.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/use-async-options.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/use-infinite-scroll.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/use-product-search.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/price-range-gauge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/price-history-chart.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/product-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/offers-list.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/image-gallery.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/variant-selector.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/product-attributes.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/product-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/product-carousel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/product-details.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/product-recommendations.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/search-bar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/product-filters.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/product-search.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.trychannel3.com/r/all.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"labels":["featured"],"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"},"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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-clerk-provider.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-middleware.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-theme-provider.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-header.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-layout-with-header.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-quickstart.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-quickstart-sign-in-or-up.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-sign-in-page.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-sign-up-page.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-waitlist-page.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-aio-multistep-onboarding.json","preview_url":null,"raw_code_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":["components"],"categories":["Auth/identity"],"source_url":"https://clerk.com/r/nextjs-custom-flows-multistep-onboarding.json","preview_url":null,"raw_code_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":"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":["ai"],"categories":["AI/chat UI"],"labels":[],"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"},"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":["ai"],"categories":["AI/chat UI"],"source_url":"https://cognicatch.dev/registry/adaptive-banner.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://cognicatch.dev/registry/adaptive-fatal-error.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://cognicatch.dev/registry/adaptive-toast.json","preview_url":null,"raw_code_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":["ai"],"categories":["AI/chat UI"],"source_url":"https://cognicatch.dev/registry/adaptive-error-boundary.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["E-commerce/payments"],"labels":[],"urls":{"website":"https://commercn.com","github":"https://github.com/Logging-Studio/Commercn","registry":"https://commercn.com/r/registry.json","source":"https://commercn.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/commercn"},"metrics":{"github_stars":72,"open_issues":0,"last_commit":"2026-02-03T06:50:17Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://commercn.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://commercn.com/r/registry.json","install_bun":"bunx shadcn@latest add https://commercn.com/r/registry.json","clone":"git clone https://github.com/Logging-Studio/Commercn.git","clone_degit":"npx degit Logging-Studio/Commercn","registry_fetch":"curl -s https://commercn.com/r/registry.json"},"component_count":15,"components":[{"name":"cart-01","title":"Cart 01","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/cart-01.json","preview_url":null,"raw_code_url":"https://commercn.com/r/cart-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/cart-01.json","copy_url":"https://commercn.com/r/cart-01.json"},{"name":"checkout-01","title":"Checkout 01","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/checkout-01.json","preview_url":null,"raw_code_url":"https://commercn.com/r/checkout-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/checkout-01.json","copy_url":"https://commercn.com/r/checkout-01.json"},{"name":"checkout-02","title":"Checkout 02","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/checkout-02.json","preview_url":null,"raw_code_url":"https://commercn.com/r/checkout-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/checkout-02.json","copy_url":"https://commercn.com/r/checkout-02.json"},{"name":"checkout-03","title":"Checkout 03","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/checkout-03.json","preview_url":null,"raw_code_url":"https://commercn.com/r/checkout-03.json","install_command":"npx shadcn@latest add https://commercn.com/r/checkout-03.json","copy_url":"https://commercn.com/r/checkout-03.json"},{"name":"cart-02","title":"Cart 02","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/cart-02.json","preview_url":null,"raw_code_url":"https://commercn.com/r/cart-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/cart-02.json","copy_url":"https://commercn.com/r/cart-02.json"},{"name":"category-01","title":"Category 01","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/category-01.json","preview_url":null,"raw_code_url":"https://commercn.com/r/category-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/category-01.json","copy_url":"https://commercn.com/r/category-01.json"},{"name":"category-02","title":"Category 02","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/category-02.json","preview_url":null,"raw_code_url":"https://commercn.com/r/category-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/category-02.json","copy_url":"https://commercn.com/r/category-02.json"},{"name":"category-03","title":"Category 03","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/category-03.json","preview_url":null,"raw_code_url":"https://commercn.com/r/category-03.json","install_command":"npx shadcn@latest add https://commercn.com/r/category-03.json","copy_url":"https://commercn.com/r/category-03.json"},{"name":"category-04","title":"Category 04","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/category-04.json","preview_url":null,"raw_code_url":"https://commercn.com/r/category-04.json","install_command":"npx shadcn@latest add https://commercn.com/r/category-04.json","copy_url":"https://commercn.com/r/category-04.json"},{"name":"order-01","title":"Order 01","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/order-01.json","preview_url":null,"raw_code_url":"https://commercn.com/r/order-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/order-01.json","copy_url":"https://commercn.com/r/order-01.json"},{"name":"product-card-01","title":"Product Card 01","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/product-card-01.json","preview_url":null,"raw_code_url":"https://commercn.com/r/product-card-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/product-card-01.json","copy_url":"https://commercn.com/r/product-card-01.json"},{"name":"product-card-02","title":"Product Card 02","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/product-card-02.json","preview_url":null,"raw_code_url":"https://commercn.com/r/product-card-02.json","install_command":"npx shadcn@latest add https://commercn.com/r/product-card-02.json","copy_url":"https://commercn.com/r/product-card-02.json"},{"name":"product-card-03","title":"Product Card 03","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/product-card-03.json","preview_url":null,"raw_code_url":"https://commercn.com/r/product-card-03.json","install_command":"npx shadcn@latest add https://commercn.com/r/product-card-03.json","copy_url":"https://commercn.com/r/product-card-03.json"},{"name":"product-detail-01","title":"Product Detail 01","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/product-detail-01.json","preview_url":null,"raw_code_url":"https://commercn.com/r/product-detail-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/product-detail-01.json","copy_url":"https://commercn.com/r/product-detail-01.json"},{"name":"review-01","title":"Review 01","description":null,"type":"registry:block","tags":["aesthetic"],"categories":["E-commerce/payments"],"source_url":"https://commercn.com/r/review-01.json","preview_url":null,"raw_code_url":"https://commercn.com/r/review-01.json","install_command":"npx shadcn@latest add https://commercn.com/r/review-01.json","copy_url":"https://commercn.com/r/review-01.json"}]},{"id":"componentry","name":"@componentry","slug":"componentry","description":"Free, open-source React component library by Harsh Jadhav featuring beautiful, animated copy-paste components built with Tailwind CSS, TypeScript, and Framer Motion. Includes cursor-driven particle typography, dither-gradient effects, image trails, WebGL liquid backgrounds, scroll choreography, split-flap displays, pixel canvas, magnet lines, magnetic dock, and 30+ interactive components. Shadcn-compatible, MIT-licensed. Use for: adding high-visual-impact interactive animations and creative cursor/scroll effects to a product landing page or portfolio.","author":"harshjdhv","framework":"react","license":"MIT","tags":["saas","aesthetic"],"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"},"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":52,"components":[{"name":"animated-gradient","title":null,"description":null,"type":"registry:ui","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/animated-gradient.json","preview_url":null,"raw_code_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":"auth-modal","title":null,"description":null,"type":"registry:ui","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/auth-modal.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/border-beam.json","preview_url":null,"raw_code_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":"bouncy-accordion","title":null,"description":null,"type":"registry:ui","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/bouncy-accordion.json","preview_url":null,"raw_code_url":"https://componentry.fun/r/bouncy-accordion.json","install_command":"npx shadcn@latest add https://componentry.fun/r/bouncy-accordion.json","copy_url":"https://componentry.fun/r/bouncy-accordion.json"},{"name":"circuit-board","title":null,"description":null,"type":"registry:ui","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/circuit-board.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/closing-plasma.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/collection-surfer.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/command-menu.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/cursor-driven-particle-typography.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/dither-gradient.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/dither-prism-hero.json","preview_url":null,"raw_code_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":"eye-tracking","title":null,"description":null,"type":"registry:ui","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/eye-tracking.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/flight-status-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/github-calendar.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/hero-geometric.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/hyper-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/image-ripple-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/image-trail.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/infinite-image-field.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/interactive-hover-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/kinetic-text-reveal.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/layered-stack.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/letter-cascade.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/liquid-blob.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/liquid-chrome.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/mac-keyboard.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/magnet-lines.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/magnetic-dock.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/matrix-rain.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/music-player.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/noise-texture.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/orbit-card-stack.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/particle-galaxy.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/pixel-canvas.json","preview_url":null,"raw_code_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":"pulsating-button","title":null,"description":null,"type":"registry:ui","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/pulsating-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/ripple-transition.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scroll-based-velocity.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scroll-choreography.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scroll-split-card.json","preview_url":null,"raw_code_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":"scrub-input","title":null,"description":null,"type":"registry:ui","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/scrub-input.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/shimmer-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/showcase-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/signature.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/silk-aurora.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/split-flap-display.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/spotlight-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/sticky-scroll-cards.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/testimonial-marquee.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/text-animate.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/text-repel.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/webgl-liquid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://componentry.fun/r/gradient-hero-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/content-renderer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/callout.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/steps.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/key-metrics.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/quick-ref.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/comparison.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/pros-cons.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/tabs.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/faq.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/generic-pack.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-content-renderer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-callout.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-steps.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-key-metrics.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-quick-ref.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-comparison.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-pros-cons.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-tabs.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-faq.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://contentbit.dev/r/astro-pack.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"labels":[],"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"},"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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/accordion-list.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-buttons.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-copy-button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-disclosure.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-list.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-number.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-progress.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-spinner.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/animated-toggle-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/area-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/audit-log.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/availability.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/bar-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/chart-empty-loading-error.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/code-block.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/command-palette.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/component-health-panel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/composed-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/data-table.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/date-picker-field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/destructive-gate.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/action-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/action-drawer.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/empty-state.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/file-manager.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/file-upload-dropzone.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/filters.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/form-builder.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/kanban.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/key-value-list.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/line-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/mailbox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/metric-badge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/metric-chart-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/notice-alert.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/pie-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/presence-fade.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/preview-data-provider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/preview-link.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/profile-avatar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/project-card-carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/radar-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/radial-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/registry-install-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/responsive-preview-shell.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/sankey-chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/screen-size-guard.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/scroll-blur.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/section-tabs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/settings-page.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/shimmer-skeleton.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/status-page.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/status-pill.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/stepper.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/timeline.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/toast-action.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://ui.corr.sh/r/typography-effects.json","preview_url":null,"raw_code_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","components"],"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"},"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":60,"components":[{"name":"ui","title":null,"description":null,"type":"registry:ui","tags":["ai","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/ui.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/accordion.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/alert.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/alert-dialog.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/autocomplete.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/avatar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/badge.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/breadcrumb.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/button.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/calendar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/card.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/checkbox.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/checkbox-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/collapsible.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/combobox.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/command.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/context-menu.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/dialog.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/drawer.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/empty.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/field.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/fieldset.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/form.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/frame.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/input.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/otp-field.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/input-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/kbd.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/label.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/menu.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/meter.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/number-field.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/pagination.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/popover.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/preview-card.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/progress.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/radio-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/scroll-area.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/select.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/separator.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/sheet.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/sidebar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/skeleton.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/slider.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/spinner.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/switch.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/table.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/tabs.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/textarea.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/toast.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/toggle.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/toggle-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/toolbar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/tooltip.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-accordion-1.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-accordion-2.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-accordion-3.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-accordion-4.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://coss.com/ui/r/p-alert-1.json","preview_url":null,"raw_code_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"}]},{"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":["ai","aesthetic","components"],"categories":["Component library (general)"],"labels":["featured","popular"],"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"},"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":[],"categories":["Uncategorized"],"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"},"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":60,"components":[{"name":"accordion","title":"Accordion","description":"A accordion component.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/accordion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/alert.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/alert-dialog.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/all.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/aspect-ratio.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/autocomplete.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/avatar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/badge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/base-drawer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/breadcrumbs.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/button-group.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/calendar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/carousel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/checkbox.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/checkbox-group.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/circular-slider.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/code-block.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/collapsible.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/combobox.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/command.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/context-menu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/copy-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/cropper.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/data-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/date-picker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/date-range-picker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/dialog.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/drawer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/dropdown-menu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/elevated.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/fancy-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/field.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/fieldset.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/filters.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/form.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/highlight-text.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/input-group.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/input-otp.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/kbd.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/label.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/marching-border.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/menubar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/meter.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/navigation-menu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/number-field.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/otp-field.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/pagination.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/popover.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/preview-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/progress.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/qr-code.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/radio-group.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/resizable.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/scroll-area.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/scroll-fade.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.cubby-ui.dev/r/separator.json","preview_url":null,"raw_code_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"}]},{"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":["ai","aesthetic"],"categories":["Animated components"],"labels":["featured","popular"],"urls":{"website":"https://www.cult-ui.com","github":"https://github.com/nolly-studio/cult-ui","registry":"https://cult-ui.com/r/registry.json","source":"https://cult-ui.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/cult-ui"},"metrics":{"github_stars":5776,"open_issues":16,"last_commit":"2026-05-21T19:16:22Z"},"install_method":"shadcn-cli","package_manager":"npm","commands":{"install_shadcn":"npx shadcn@latest add https://cult-ui.com/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://cult-ui.com/r/registry.json","install_bun":"bunx shadcn@latest add https://cult-ui.com/r/registry.json","clone":"git clone https://github.com/nolly-studio/cult-ui.git","clone_degit":"npx degit nolly-studio/cult-ui","registry_fetch":"curl -s https://cult-ui.com/r/registry.json"},"component_count":60,"components":[{"name":"text-animate","title":null,"description":"Animated text component with customizable reveal effects and timing","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/text-animate.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/text-animate.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/text-animate.json","copy_url":"https://cult-ui.com/r/text-animate.json"},{"name":"cosmic-button","title":null,"description":"Animated button/link with cosmic gradient border effect, renders as anchor or button","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/cosmic-button.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/cosmic-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/cosmic-button.json","copy_url":"https://cult-ui.com/r/cosmic-button.json"},{"name":"texture-button","title":null,"description":"Button component with texture overlay effects and customizable variants","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/texture-button.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/texture-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-button.json","copy_url":"https://cult-ui.com/r/texture-button.json"},{"name":"texture-card","title":null,"description":"Card component with texture background and customizable styling options","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/texture-card.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/texture-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-card.json","copy_url":"https://cult-ui.com/r/texture-card.json"},{"name":"timer","title":null,"description":"Countdown timer component with customizable duration and visual styles","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/timer.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/timer.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/timer.json","copy_url":"https://cult-ui.com/r/timer.json"},{"name":"shift-card","title":null,"description":"Card component with shift animation effects and hover interactions","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/shift-card.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/shift-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/shift-card.json","copy_url":"https://cult-ui.com/r/shift-card.json"},{"name":"minimal-card","title":null,"description":"Clean and minimal card component with subtle styling and hover effects","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/minimal-card.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/minimal-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/minimal-card.json","copy_url":"https://cult-ui.com/r/minimal-card.json"},{"name":"cutout-card","title":null,"description":"Image card with cutout corners, hover motion, inset labels, pins, and reveal actions","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/cutout-card.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/cutout-card.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/cutout-card.json","copy_url":"https://cult-ui.com/r/cutout-card.json"},{"name":"dynamic-island","title":null,"description":"iOS-style dynamic island component with expandable content and smooth animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/dynamic-island.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/dynamic-island.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dynamic-island.json","copy_url":"https://cult-ui.com/r/dynamic-island.json"},{"name":"direction-aware-tabs","title":null,"description":"Tab component with direction-aware animations and smooth transitions","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/direction-aware-tabs.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/direction-aware-tabs.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/direction-aware-tabs.json","copy_url":"https://cult-ui.com/r/direction-aware-tabs.json"},{"name":"bg-animate-button","title":null,"description":"Button component with animated background effects and gradient transitions","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/bg-animate-button.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/bg-animate-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animate-button.json","copy_url":"https://cult-ui.com/r/bg-animate-button.json"},{"name":"border-beam-button","title":null,"description":"Shadcn Button wrapped in Border Beam: animated border glow with compact icon and text variants","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/border-beam-button.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/border-beam-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/border-beam-button.json","copy_url":"https://cult-ui.com/r/border-beam-button.json"},{"name":"family-button","title":null,"description":"Button component with family-style design and interactive hover effects","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/family-button.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/family-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/family-button.json","copy_url":"https://cult-ui.com/r/family-button.json"},{"name":"side-panel","title":null,"description":"Sliding side panel component with customizable positioning and animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/side-panel.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/side-panel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/side-panel.json","copy_url":"https://cult-ui.com/r/side-panel.json"},{"name":"bg-media","title":null,"description":"Background media component with video/image support and overlay effects","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/bg-media.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/bg-media.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-media.json","copy_url":"https://cult-ui.com/r/bg-media.json"},{"name":"three-d-carousel","title":null,"description":"3D carousel component with perspective effects and smooth item transitions","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/three-d-carousel.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/three-d-carousel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/three-d-carousel.json","copy_url":"https://cult-ui.com/r/three-d-carousel.json"},{"name":"tweet-grid","title":null,"description":"Grid layout component for displaying tweet-like content cards","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/tweet-grid.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/tweet-grid.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/tweet-grid.json","copy_url":"https://cult-ui.com/r/tweet-grid.json"},{"name":"gradient-heading","title":null,"description":"Heading component with gradient text effects and customizable styling","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/gradient-heading.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/gradient-heading.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/gradient-heading.json","copy_url":"https://cult-ui.com/r/gradient-heading.json"},{"name":"typewriter","title":null,"description":"Typewriter effect component with customizable typing speed and cursor animation","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/typewriter.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/typewriter.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/typewriter.json","copy_url":"https://cult-ui.com/r/typewriter.json"},{"name":"animated-number","title":null,"description":"Number component with smooth counting animations and customizable formatting","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/animated-number.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/animated-number.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/animated-number.json","copy_url":"https://cult-ui.com/r/animated-number.json"},{"name":"sortable-list","title":null,"description":"Drag-and-drop sortable list component with smooth animations and reordering","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/sortable-list.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/sortable-list.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/sortable-list.json","copy_url":"https://cult-ui.com/r/sortable-list.json"},{"name":"dock","title":null,"description":"macOS-style dock component with hover effects and smooth animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/dock.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/dock.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dock.json","copy_url":"https://cult-ui.com/r/dock.json"},{"name":"lightboard","title":null,"description":"Interactive lightboard component with customizable grid and lighting effects","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/lightboard.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/lightboard.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/lightboard.json","copy_url":"https://cult-ui.com/r/lightboard.json"},{"name":"canvas-fractal-grid","title":null,"description":"Interactive canvas-based fractal dot grid with mouse tracking and wave effects","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/canvas-fractal-grid.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/canvas-fractal-grid.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/canvas-fractal-grid.json","copy_url":"https://cult-ui.com/r/canvas-fractal-grid.json"},{"name":"bg-animated-fractal-dot-grid","title":null,"description":"Background animated fractal dot grid with performance optimization and responsive design","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/bg-animated-fractal-dot-grid.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/bg-animated-fractal-dot-grid.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animated-fractal-dot-grid.json","copy_url":"https://cult-ui.com/r/bg-animated-fractal-dot-grid.json"},{"name":"bg-animated-gradient","title":null,"description":"Animated gradient background component with customizable color transitions","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/bg-animated-gradient.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/bg-animated-gradient.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-animated-gradient.json","copy_url":"https://cult-ui.com/r/bg-animated-gradient.json"},{"name":"bg-image-texture","title":null,"description":"Background texture component with multiple texture variants and customizable opacity","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/bg-image-texture.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/bg-image-texture.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/bg-image-texture.json","copy_url":"https://cult-ui.com/r/bg-image-texture.json"},{"name":"popover","title":null,"description":"Animated popover component with form support and smooth transitions","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/popover.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/popover.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/popover.json","copy_url":"https://cult-ui.com/r/popover.json"},{"name":"floating-panel","title":null,"description":"Floating panel component with backdrop blur and position-aware animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/floating-panel.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/floating-panel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/floating-panel.json","copy_url":"https://cult-ui.com/r/floating-panel.json"},{"name":"color-picker","title":null,"description":"Interactive color picker component with HSL support and preset colors","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/color-picker.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/color-picker.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/color-picker.json","copy_url":"https://cult-ui.com/r/color-picker.json"},{"name":"shader-lens-blur","title":null,"description":"WebGL shader component with lens blur effects and mouse interaction","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/shader-lens-blur.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/shader-lens-blur.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/shader-lens-blur.json","copy_url":"https://cult-ui.com/r/shader-lens-blur.json"},{"name":"edge-blur","title":null,"description":"Stacked backdrop-blur layers with a gradient mask for soft top or bottom screen edges","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/edge-blur.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/edge-blur.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/edge-blur.json","copy_url":"https://cult-ui.com/r/edge-blur.json"},{"name":"dither-image","title":null,"description":"Compound Next.js image figure with CSS Bayer dither via dither-plugin, partial reveal overlays, and typed tuning props","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/dither-image.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/dither-image.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/dither-image.json","copy_url":"https://cult-ui.com/r/dither-image.json"},{"name":"popover-form","title":null,"description":"Form popover component with success states and animated transitions","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/popover-form.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/popover-form.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/popover-form.json","copy_url":"https://cult-ui.com/r/popover-form.json"},{"name":"expandable","title":null,"description":"Expandable component system with smooth animations and customizable presets","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/expandable.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/expandable.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/expandable.json","copy_url":"https://cult-ui.com/r/expandable.json"},{"name":"logo-carousel","title":null,"description":"Animated logo carousel with staggered animations and customizable columns","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/logo-carousel.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/logo-carousel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/logo-carousel.json","copy_url":"https://cult-ui.com/r/logo-carousel.json"},{"name":"loading-carousel","title":null,"description":"Loading carousel component with smooth transitions and customizable content","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/loading-carousel.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/loading-carousel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/loading-carousel.json","copy_url":"https://cult-ui.com/r/loading-carousel.json"},{"name":"hover-video-player","title":null,"description":"Video player component that plays on hover with smooth animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/hover-video-player.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/hover-video-player.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/hover-video-player.json","copy_url":"https://cult-ui.com/r/hover-video-player.json"},{"name":"neumorph-eyebrow","title":null,"description":"Neumorphic eyebrow component with soft shadow effects and modern styling","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/neumorph-eyebrow.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/neumorph-eyebrow.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/neumorph-eyebrow.json","copy_url":"https://cult-ui.com/r/neumorph-eyebrow.json"},{"name":"neumorph-button","title":null,"description":"Neumorphic button component with soft shadows and tactile interaction effects","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/neumorph-button.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/neumorph-button.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/neumorph-button.json","copy_url":"https://cult-ui.com/r/neumorph-button.json"},{"name":"feature-carousel","title":null,"description":"Feature carousel component with smooth transitions and customizable layouts","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/feature-carousel.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/feature-carousel.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-carousel.json","copy_url":"https://cult-ui.com/r/feature-carousel.json"},{"name":"choice-poll","title":null,"description":"Poll component with single or multiple selection, optional results, and keyboard navigation","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/choice-poll.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/choice-poll.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/choice-poll.json","copy_url":"https://cult-ui.com/r/choice-poll.json"},{"name":"feature-poll","title":null,"description":"Feature poll component with single or multiple selection, optional results, and keyboard navigation","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/feature-poll.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/feature-poll.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-poll.json","copy_url":"https://cult-ui.com/r/feature-poll.json"},{"name":"feature-voting","title":null,"description":"List of features with up-vote support, optional sorting by vote count, and controlled or uncontrolled state","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/feature-voting.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/feature-voting.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/feature-voting.json","copy_url":"https://cult-ui.com/r/feature-voting.json"},{"name":"vote-tally","title":null,"description":"List of items with up-vote support, optional sorting by vote count, and controlled or uncontrolled state","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/vote-tally.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/vote-tally.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/vote-tally.json","copy_url":"https://cult-ui.com/r/vote-tally.json"},{"name":"poll-widget","title":null,"description":"Poll widget with inline, popover, and dialog modes, optional results, and animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/poll-widget.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/poll-widget.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/poll-widget.json","copy_url":"https://cult-ui.com/r/poll-widget.json"},{"name":"prompt-library","title":null,"description":"Browse, insert, and manage prompt templates with categories and custom prompts","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/prompt-library.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/prompt-library.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/prompt-library.json","copy_url":"https://cult-ui.com/r/prompt-library.json"},{"name":"ai-instructions","title":null,"description":"Manage and toggle AI instructions with a popover, search, and create-dialog","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/ai-instructions.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/ai-instructions.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/ai-instructions.json","copy_url":"https://cult-ui.com/r/ai-instructions.json"},{"name":"intro-disclosure","title":null,"description":"Intro disclosure component with expandable content and smooth animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/intro-disclosure.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/intro-disclosure.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/intro-disclosure.json","copy_url":"https://cult-ui.com/r/intro-disclosure.json"},{"name":"text-gif","title":null,"description":"Text component with GIF-like animation effects and customizable styling","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/text-gif.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/text-gif.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/text-gif.json","copy_url":"https://cult-ui.com/r/text-gif.json"},{"name":"stripe-bg-guides","title":null,"description":"Stripe-style background guides component with animated patterns and effects","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/stripe-bg-guides.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/stripe-bg-guides.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/stripe-bg-guides.json","copy_url":"https://cult-ui.com/r/stripe-bg-guides.json"},{"name":"svg-shapes","title":null,"description":"Wide-aspect SVG shape and panel components for backgrounds and hero decorations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/svg-shapes.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/svg-shapes.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-shapes.json","copy_url":"https://cult-ui.com/r/svg-shapes.json"},{"name":"svg-shapes-animated","title":null,"description":"Scroll-triggered stroke-draw animations for wide SVG shapes and panels using Motion","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/svg-shapes-animated.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/svg-shapes-animated.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-shapes-animated.json","copy_url":"https://cult-ui.com/r/svg-shapes-animated.json"},{"name":"svg-bands","title":null,"description":"Wide SVG section bands, battlement and zigzag trims, steep hero edges, and ornamental frames","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/svg-bands.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/svg-bands.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/svg-bands.json","copy_url":"https://cult-ui.com/r/svg-bands.json"},{"name":"grid-beam","title":null,"description":"Canvas grid beam animation with palette presets, SVG dividers, and composable headless pieces via useGridBeam","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/grid-beam.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/grid-beam.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/grid-beam.json","copy_url":"https://cult-ui.com/r/grid-beam.json"},{"name":"youtube-video-player","title":null,"description":"YouTube video player component with custom controls and smooth animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/youtube-video-player.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/youtube-video-player.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/youtube-video-player.json","copy_url":"https://cult-ui.com/r/youtube-video-player.json"},{"name":"toolbar-expandable","title":null,"description":"Expandable toolbar component with step-based navigation, smooth animations, and enhanced scrolling","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/toolbar-expandable.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/toolbar-expandable.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/toolbar-expandable.json","copy_url":"https://cult-ui.com/r/toolbar-expandable.json"},{"name":"texture-overlay","title":null,"description":"Texture overlay component with various CSS gradient patterns for adding visual texture to backgrounds","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/texture-overlay.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/texture-overlay.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/texture-overlay.json","copy_url":"https://cult-ui.com/r/texture-overlay.json"},{"name":"squiggle-arrow","title":null,"description":"A playful, hand-drawn squiggly arrow component with customizable variants, directions, and sizes","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/squiggle-arrow.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/squiggle-arrow.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/squiggle-arrow.json","copy_url":"https://cult-ui.com/r/squiggle-arrow.json"},{"name":"code-block","title":null,"description":"A beautiful code block component with tabs, copy functionality, and smooth animations","type":"registry:ui","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://cult-ui.com/r/code-block.json","preview_url":null,"raw_code_url":"https://cult-ui.com/r/code-block.json","install_command":"npx shadcn@latest add https://cult-ui.com/r/code-block.json","copy_url":"https://cult-ui.com/r/code-block.json"}]},{"id":"darx","name":"@darx","slug":"darx","description":"A single showcase component — Magic 3D Tabs — from Darshit's personal portfolio. Features mouse-interactive 3D rotation via spring physics, floating particle background effects, and smooth spring animations. Built as a React component with Tailwind CSS. Minimal scope: one experimental interactive pattern. Free and open source. Use for: pulling a specific 3D tab interaction effect when you want mouse-reactive depth without building it yourself.","author":"Darshh09","framework":"react","license":null,"tags":["aesthetic"],"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"},"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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://darshitdev.in/r/magic-genie-tabs.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"labels":["recently-updated"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/delego-theme.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/status-badge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/decision-pill.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/signed-receipt.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://raw.githubusercontent.com/Delego-Dev/registry/main/public/r/field.json","preview_url":null,"raw_code_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","dashboard","components"],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["ai","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/index.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/style.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/navigation-menu.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-icons.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/copy-button.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/cambio-image.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/card-deck.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admonition.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-scrollable.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/scroll-fade-effect.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/tabs.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/qrcode.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-pointer.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-card.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/marquee.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/ai-chat-sidebar.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/testimonials.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/interactive-feature-showcase.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chatbot-window.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/bottom-mobile-nav.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-grid-block.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/admin-inset-layout.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/saas-header-layout.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/saas-dashboard.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/auth-form.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/use-mobile.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp-pill-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp-separator-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/input-otp-form-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-inner-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-custom-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-size-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/product-card-grid-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/navigation-menu-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-card-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-card-basic-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/x-card-interactive-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/marquee-stacked-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/marquee-cards-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/marquee-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-pointer-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-pointer-style-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/mapbox-pointer-theme-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat-previous-messages-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/chat-simple-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-package-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-theme-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-interactive-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-markdown-string-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-npx-markdown-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-package-manager-demo.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://deltacomponents.dev/r/code-block-python-demo.json","preview_url":null,"raw_code_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"}]},{"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"],"categories":["Personal/portfolio registry"],"labels":[],"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"},"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":["dashboard","components"],"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"},"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":60,"components":[{"name":"action-bar","title":null,"description":null,"type":"registry:ui","tags":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/action-bar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/angle-slider.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/avatar-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/badge-overflow.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/banner.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/checkbox-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/circular-progress.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/color-picker.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/color-swatch.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/compare-slider.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/cropper.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/combobox.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/editable.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/file-upload.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/fps.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/gauge.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/kanban.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/key-value.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/listbox.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/marquee.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/mask-input.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/masonry.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/media-player.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/mention.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/phone-input.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/relative-time-card.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/responsive-dialog.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/scroller.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/scroll-spy.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/segmented-input.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/selection-toolbar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/sortable.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/speed-dial.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stack.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stat.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/status.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/stepper.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/swap.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/qr-code.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/rating.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/tags-input.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/timeline.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/time-picker.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/tour.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/action-bar-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/action-bar-position-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/angle-slider-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/angle-slider-controlled-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/angle-slider-range-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/angle-slider-themes-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/angle-slider-form-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/avatar-group-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/avatar-group-truncation-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/avatar-group-rtl-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/avatar-group-icons-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/avatar-group-custom-overflow-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/badge-overflow-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/badge-overflow-multiline-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/badge-overflow-interactive-demo.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://diceui.com/r/{style}/banner-demo.json","preview_url":null,"raw_code_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"}]},{"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":["saas","ai","aesthetic"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://dominikkoch.dev","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"},"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":3,"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":["saas","ai","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://dominikkoch.dev/r/expandable-tabs.json","preview_url":null,"raw_code_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":"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":["saas","ai","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://dominikkoch.dev/r/permission-selector.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://dominikkoch.dev/r/braille-loader.json","preview_url":null,"raw_code_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":["components"],"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"},"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"],"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"},"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":60,"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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-4.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-5.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-6.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-7.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-8.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-9.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-10.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-11.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-12.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-13.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-14.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-15.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-16.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-17.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-18.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-19.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-square-20.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-4.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-5.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-6.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-7.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-8.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-9.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-10.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-11.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-12.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-13.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-14.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-15.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-16.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-17.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-18.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-19.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-circular-20.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-4.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-5.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-6.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-7.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-8.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-9.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-10.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-11.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-12.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-13.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-14.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-15.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-16.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-17.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-18.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-19.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://dotmatrix.zzzzshawn.cloud/r/dotm-triangle-20.json","preview_url":null,"raw_code_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"}]},{"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":["components"],"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"},"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":["components"],"categories":["Forms"],"source_url":"https://dsikeres1.github.io/react-date-range-picker/r/date-range-picker.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured"],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/index.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/logo.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/copy-button.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/full-width-divider.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/decor-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/grid-filler.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/indicator.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/lazy-image.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/outline-text.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/portal.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-divider.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/infinite-slider.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/progressive-blur.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/text-effect.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/use-scroll.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/use-media-query.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/use-copy-to-clipboard.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/use-keypress.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/apple-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/discord-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/facebook-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/figma-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/framer-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/github-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/google-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/google-play-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/instagram-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/linkedin-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/react-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/shadcn-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/slack-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/vercel-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/x-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/youtube-icon.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/formater.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-9.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/app-shell-10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-9.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/auth-14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://efferd.com/r/blogs-1.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard","aesthetic"],"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"},"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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-avatar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-badge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-input.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-progress.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-slider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-switch.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-tabs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-tooltip.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-command-palette.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-notification.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-dock.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-gauge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-morph-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-ripple.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-spotlight.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-timeline.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/base-widget.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/calendar-widget.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/clock-widget.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/weather-widget.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/stats-widget.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/stock-widget.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/admin-panel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-select.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-textarea.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-checkbox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-radio.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-skeleton.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-table.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-breadcrumb.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-sheet.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-popover.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-alert-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-separator.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/glass-scroll-area.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/forgot-password-page.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/login-page.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/signup-page.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://ui.eindev.ir/r/pricing-page.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/index.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/safari-browser.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/macbook-pro.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/iphone-17-pro.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/ipad.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/browser.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cobe-globe.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/github-inline-comments.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-badge.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/clerk-otp.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/marquee.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/integrations.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/terminal.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/testimonal-slider.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/map.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/svg-ripple-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-frameworks.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/blur-in-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/fade-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/gradual-spacing-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/letter-pull-up-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/multi-direction-slide-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/seperate-away-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/wavy-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/word-pull-up-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/novatrix-background.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/photon-beam.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/hacker-background.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/card-flip-hover.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/scale-letter-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/font-weight-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-grid-pattern.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/live-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-shiny-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-list.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/orbit-rotation.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/logo-timeline.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/dock-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/holographic-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/safari-browser-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/macbook-pro-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/iphone-17-pro-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/ipad-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/browser-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/browser-demo-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cobe-globe-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cobe-globe-demo-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cobe-globe-demo-3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cobe-globe-demo-4.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/cobe-globe-demo-5.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/github-inline-comments-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/animated-badge-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo-3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo-4.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/grid-demo-5.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/clerk-otp-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://eldoraui.site/r/clerk-otp-demo-2.json","preview_url":null,"raw_code_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"}]},{"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":["saas","ai","components"],"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"},"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":60,"components":[{"name":"ably-logo","title":"Ably Logo","description":"Ably logo with dark/light mode support","type":"registry:ui","tags":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/ably-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/agent-context.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/agent-roster.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/agent-status.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/agentic-coding.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/agentmail-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/ai-badge.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/ai-services.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/algolia-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/amp-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/anthropic-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/antigravity-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/api-response-viewer.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/apple-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/artifact.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/astro-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/auth0-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-all.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-amplify.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-analytics.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-api-gateway.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-appsync.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-athena.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-bedrock.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-cloudformation.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-cloudfront.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-cloudwatch.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-codebuild.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-codecommit.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-codedeploy.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-codepipeline.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-cognito.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-compute.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-database.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-devtools.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-dynamodb.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-ec2.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-ecs.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-eks.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-elastic-beanstalk.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-eventbridge.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-fargate.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-glue.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-iam.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-kinesis.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-kms.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-lambda.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-logo.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-messaging.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-ml.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-monitoring.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-networking.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-rds.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-redshift.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-route53.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-s3.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-sagemaker.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-secrets-manager.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-security.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://www.tryelements.dev/r/aws-serverless.json","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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":["aesthetic"],"categories":["Animated components"],"labels":["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"},"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":[],"categories":["Uncategorized"],"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"},"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":27,"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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/smooth-height.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/copy-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/status-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/status-badge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/floating-select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/expandable-toolbar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/check-animation.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/jitter-animation.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/squeeze-animation.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/heartbeat-animation.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/projected-shadow-animation.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/otp-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/highlight-tabs.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/expandable-tabs.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/expanding-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/navigation-menu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/text-morph.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/expandable-modal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/context-cursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/feedback-popover.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/multi-step.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/adaptive-drawer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/staggered-entrance.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/use-reduced-motion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/use-element-height.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/use-element-size-map.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.ericts.com/r/use-scroll-anchor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/brand-visual-asset-generator.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/branded-seo-page-builder.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/code-reviewer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/eve-agent-builder.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/linear-operations-agent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/openui-assistant.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/postgres-data-analyst.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/programmatic-seo-agent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/supabase-data-analyst.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/x-draft-assistant.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://evex.sh/r/x-hot-topic-digest.json","preview_url":null,"raw_code_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":["aesthetic"],"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"},"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":29,"components":[{"name":"click-powerup","title":"ClickPowerUp","description":"An animated button wrapper with corner brackets, patterned fill, and tap feedback.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/click-powerup.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/sticky.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/shiny-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/movie-pass.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/minimal.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/grid-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/dither-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/evil-eye-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/troll-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/chrome-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/brutal-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/aqua-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/3d-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/frame-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/highlight-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/glitch-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/command-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/copy-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/reveal-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/demonic-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/hold-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/captcha-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/doubt-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/slide-to-detonate.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/morph-status-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/cooldown-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/pill-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/confetti-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://evilbuttons.radiumcoders.com/r/hold-confirm-button.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard"],"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"},"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":60,"components":[{"name":"chart","title":null,"description":null,"type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/chart.json","copy_url":"https://evilcharts.com/r/chart.json"},{"name":"tooltip","title":null,"description":null,"type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/tooltip.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/tooltip.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/tooltip.json","copy_url":"https://evilcharts.com/r/tooltip.json"},{"name":"legend","title":null,"description":null,"type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/legend.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/legend.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/legend.json","copy_url":"https://evilcharts.com/r/legend.json"},{"name":"dot","title":null,"description":null,"type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/dot.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/dot.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/dot.json","copy_url":"https://evilcharts.com/r/dot.json"},{"name":"evil-brush","title":null,"description":null,"type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/evil-brush.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/evil-brush.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/evil-brush.json","copy_url":"https://evilcharts.com/r/evil-brush.json"},{"name":"background","title":null,"description":null,"type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/background.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/background.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/background.json","copy_url":"https://evilcharts.com/r/background.json"},{"name":"area-chart","title":null,"description":"Area chart component","type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/area-chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/area-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/area-chart.json","copy_url":"https://evilcharts.com/r/area-chart.json"},{"name":"line-chart","title":null,"description":"Line chart component","type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/line-chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/line-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/line-chart.json","copy_url":"https://evilcharts.com/r/line-chart.json"},{"name":"bar-chart","title":null,"description":"Bar chart component","type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/bar-chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/bar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/bar-chart.json","copy_url":"https://evilcharts.com/r/bar-chart.json"},{"name":"composed-chart","title":null,"description":"Composed chart component combining bar and line charts","type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/composed-chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/composed-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/composed-chart.json","copy_url":"https://evilcharts.com/r/composed-chart.json"},{"name":"pie-chart","title":null,"description":"Pie chart component with donut, gradient, and glow effects","type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/pie-chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/pie-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/pie-chart.json","copy_url":"https://evilcharts.com/r/pie-chart.json"},{"name":"radial-chart","title":null,"description":"Radial bar chart component with full and semi-circle variants","type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/radial-chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/radial-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/radial-chart.json","copy_url":"https://evilcharts.com/r/radial-chart.json"},{"name":"radar-chart","title":null,"description":"Radar chart component with filled and lines variants","type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/radar-chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/radar-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/radar-chart.json","copy_url":"https://evilcharts.com/r/radar-chart.json"},{"name":"sankey-chart","title":null,"description":"Sankey chart component for visualizing flow data with nodes and links","type":"registry:component","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/sankey-chart.json","preview_url":null,"raw_code_url":"https://evilcharts.com/r/sankey-chart.json","install_command":"npx shadcn@latest add https://evilcharts.com/r/sankey-chart.json","copy_url":"https://evilcharts.com/r/sankey-chart.json"},{"name":"ex-area-chart","title":null,"description":null,"type":"registry:block","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-area-chart.json","preview_url":null,"raw_code_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-gradient-colors-area-chart","title":null,"description":null,"type":"registry:block","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-gradient-colors-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-gradient-colors-bump-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-loading-state-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-default-type-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-stacked-type-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-expanded-type-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bump-curve-type-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-step-curve-type-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-monotoney-curve-type-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-solid-stroke-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-dashed-stroke-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-gradient-area-variant-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-gradient-reverse-area-variant-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-solid-area-variant-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-dotted-area-variant-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-lines-area-variant-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-hatched-area-variant-area-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-line-chart.json","preview_url":null,"raw_code_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-gradient-colors-line-chart","title":null,"description":null,"type":"registry:block","tags":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-gradient-colors-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-gradient-colors-bump-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-loading-state-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bump-curve-type-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-step-curve-type-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-monotoney-curve-type-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-solid-stroke-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-dashed-stroke-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-animated-dashed-stroke-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-glowing-desktop-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-glowing-mobile-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-buffer-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-dots-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-grid-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-cross-hatch-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-diagonal-lines-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-plus-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-falling-triangles-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-4-pointed-star-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-tiny-checkers-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-overlapping-circles-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-wiggle-lines-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bg-bubbles-line-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-buffer-bar-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-bar-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://evilcharts.com/r/ex-gradient-colors-bar-chart.json","preview_url":null,"raw_code_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"}]},{"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","components"],"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"},"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":60,"components":[{"name":"base","title":null,"description":null,"type":"registry:base","tags":["ai","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/base.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/accordion.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/alert.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/alert-dialog.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/aspect-ratio.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/autocomplete.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/avatar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/badge.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/breadcrumb.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/button.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/button-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/calendar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/card.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/carousel.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/chart.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/checkbox.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/collapsible.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/combobox.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/command.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/context-menu.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/dialog.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/drawer.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/dropdown-menu.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/empty.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/field.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/hover-card.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/icon.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/input.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/input-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/input-otp.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/item.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/kbd.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/label.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/menubar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/navigation-menu.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/pagination.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/popover.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/progress.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/radio-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/resizable.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/scroll-area.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/select.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/separator.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/sheet.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/sidebar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/skeleton.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/slider.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/spinner.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/switch.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/table.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/tabs.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/textarea.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/toast.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/toggle.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/toggle-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/tooltip.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/use-mobile.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/utils.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/font-inter.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://exawizards.com/exabase/design/registry/font-noto-sans-jp.json","preview_url":null,"raw_code_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"}]},{"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":[],"categories":["Uncategorized"],"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"},"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":54,"components":[{"name":"utils","title":"Utils","description":"Shared class name helper used by Extend UI registry components.","type":"registry:lib","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/utils.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/use-mobile.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/accordion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/alert.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/aspect-ratio.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/autocomplete.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/badge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/breadcrumb.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/collapsible.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/color-picker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/command.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/dialog.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/dropdown-menu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/group.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/kbd.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/popover.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/scroll-area.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/separator.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/sheet.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/sidebar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/skeleton.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/sonner.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/spinner.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/tabs.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/tooltip.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/toggle.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/resizable.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/pdf-block-resizable-shell.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/file-upload.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/file-thumbnail.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/file-system.json","preview_url":null,"raw_code_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, XLSX, and image files in large viewer dialogs.","type":"registry:block","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/file-system-block.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/pdf-viewer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/docx-viewer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/docx-editor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/xlsx-viewer.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/xlsx-editor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/csv-viewer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/pdf-dropzone.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/layout-blocks.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/layout-blocks-block.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/e-signature.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/bounding-box-citations.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/schema-builder.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/bounding-box-citations-block.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/document-splits.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/document-splits-block.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/excel-editor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/docx-editor-block.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.extend.ai/r/document-viewer-sidebar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"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"},"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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/accordion.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/alert-dialog.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/autocomplete.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/avatar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/badge.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/button.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/card.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/checkbox.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/checkbox-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/collapsible.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/combobox.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/context-menu.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/dialog.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/drawer.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/dropdown-menu.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/field.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/fieldset.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/form.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/input.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/input-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/label.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/liquid-metal-avatar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/liquid-metal-button.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/liquid-metal-card.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/mesh-gradient-card.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/meter.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/navigation-menu.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/number-field.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/popover.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/hover-card.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/progress.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/radio-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/scroll-area.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/select.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/separator.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/slider.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/switch.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/tabs.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/textarea.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/toggle-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/toggle.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/toolbar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/tooltip.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://fab-ui.com/r/utils.json","preview_url":null,"raw_code_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":["aesthetic"],"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"},"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":["aesthetic"],"categories":["Maps"],"source_url":"https://flightcn.yencheng.dev/r/flight.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Maps"],"source_url":"https://flightcn.yencheng.dev/r/satellite.json","preview_url":null,"raw_code_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":"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":["components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://flowkit-ui.vzkiss.com/r/creatable-combobox.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"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"},"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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/surfaces.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/utils.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/springs.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/font-weight.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/surface-context.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/surface-classes.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/elevated.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/shape-context.json","preview_url":null,"raw_code_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":"React context provider for runtime icon library switching with Lucide fallback.","type":"registry:lib","tags":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/icon-context.json","preview_url":null,"raw_code_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":"icon-map","title":"Icon Map","description":"Canonical icon name mapping across Lucide, Tabler, Phosphor, HugeIcons, and Untitled UI.","type":"registry:lib","tags":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/icon-map.json","preview_url":null,"raw_code_url":"https://www.fluidfunctionalism.com/r/icon-map.json","install_command":"npx shadcn@latest add https://www.fluidfunctionalism.com/r/icon-map.json","copy_url":"https://www.fluidfunctionalism.com/r/icon-map.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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/use-proximity-hover.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/use-touch-primary.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/use-merge-split.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/accordion.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/accordion-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/ask-user-questions.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/badge.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/button-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/dropdown.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/dropdown-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/checkbox-group.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/checkbox-group-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/radio-group.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/radio-group-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/dialog.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/dialog-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/mobile-drawer.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/mobile-drawer-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/input-copy.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/input-group.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/input-message.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/file-thumbnail.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/chat-message.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tabs-subtle.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tabs-subtle-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/switch.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/switch-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/table.json","preview_url":null,"raw_code_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":"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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/slider.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/slider-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tabs.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tabs-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/thinking-indicator.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/scroll-area.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/scroll-area-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/select.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/select-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tooltip.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/tooltip-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/thinking-steps.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/thinking-steps-base.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://www.fluidfunctionalism.com/r/color-picker.json","preview_url":null,"raw_code_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":["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"},"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":60,"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/bento-grids-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/carousel-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/carousel-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/carousel-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/content-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/cta-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/hero-10.json","preview_url":null,"raw_code_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":"logos-01","title":"Logos 01","description":"Logo carousel with auto-scroll, edge gradient and minimalist style.","type":"registry:block","tags":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/logos-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/scroll-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/cta.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/dynamic-icon.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/testimonials-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-12.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-13.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-14.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-15.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/accordion-16.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-12.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/avatar-13.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://ui.flexnative.com/r/badge-05.json","preview_url":null,"raw_code_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"}]},{"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":["aesthetic"],"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"},"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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"labels":["featured","recently-updated"],"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"},"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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/animated-form.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/animated-tabs.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/animated-otp.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/bot-detection.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/expandable-card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/framework-agnostic.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/fraud-card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/notification-center.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/notification-panel.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/onboard-card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/security-card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/social-card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/stats-card.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/spectrum-switcher.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/text-reveal.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/text-morph.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/text-shimmer.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/stack-ripple.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/vault-lock.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/cloudscape.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/lumadrift.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/cosmicrift.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/chromatic-fluid.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/velora.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/velaris.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/auralis.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/nebulore.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Animated components"],"source_url":"https://forgeui.in/r/noctylis.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"labels":["recently-updated"],"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"},"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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/tag-input.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/password.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/multi-select.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/rating.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/file-upload.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/use-file-upload.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/use-multi-step-viewer.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/multi-step-viewer.json","preview_url":null,"raw_code_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":["ai"],"categories":["Forms"],"source_url":"https://formcn.dev/r/stepper.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"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"},"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":60,"components":[{"name":"blur-reveal","title":"Blur Reveal","description":"Text fades in from a heavy blur into sharp focus.","type":"registry:component","tags":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/blur-reveal.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/typewriter.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/inline-highlight.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/text-fade-replace.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/strikethrough-replace.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/staggered-fade-up.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/masked-slide-reveal.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/tracking-in.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/shimmer-sweep.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/marker-highlight.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/slot-machine-roll.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/matrix-decode.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/rgb-glitch-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/infinite-marquee.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/mesh-gradient-bg.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/dynamic-grid.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/spring-pop-in.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/simulated-cursor.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/pulsing-indicator.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/directional-wipe.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/device-mockup-zoom.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/zoom-through-transition.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/staggered-bento-grid.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/chat-to-preview-layout.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/bounding-box-selector.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/animated-line-chart.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/animated-bar-chart.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/terminal-simulator.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/code-diff-wipe.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/toast-notification.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/drag-and-drop-flow.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/progress-steps.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/morphing-modal.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/data-flow-pipes.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/cursor-flow.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/code-accordion.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/glass-code-block.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/spotlight-card.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/perspective-marquee.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/success-confetti.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/frosted-glass-wipe.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/kinetic-type-mask.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/spatial-push.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/grid-pixelate-wipe.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/chromatic-aberration-wipe.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/hero-device-assemble.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/ecosystem-constellation.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/ai-generation-canvas.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/live-code-compilation.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/landing-code-showcase.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/pipeline-journey.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/dashboard-populate.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/terminal-to-browser-deploy.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/browser-flow.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/pricing-tier-focus.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/infinite-bento-pan.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/ai-generate-overlay.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/image-expand-to-fullscreen.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/swipe-transition-wipe.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://framecn.vercel.app/r/product-launch-trailer.json","preview_url":null,"raw_code_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"}]},{"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","dashboard","mobile"],"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"},"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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/icons.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/holo-card.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/nested-menu.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/raised-button.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/navbar-menu.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/github-stars-button.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/author-tooltip.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/link-preview.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/email-compose-card.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/search-results-tabs.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/message-bubble.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/weather-card.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/slash-command-dropdown.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/composer.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/pricing-card.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/knowledge-graph.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/tool-calls-section.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/wave-spinner.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/stat-row.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/bar-chart.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/line-chart.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/area-chart.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/pie-chart.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/scatter-chart.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/radar-chart.json","preview_url":null,"raw_code_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","dashboard","mobile"],"categories":["AI/chat UI"],"source_url":"https://ui.heygaia.io/r/gauge-chart.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"labels":["recently-updated"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/snake.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/tic-tac-toe.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/2048.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/memory-match.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/whack-a-mole.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/minesweeper.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/pong.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/breakout.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/dino-runner.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/flappy.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/fruit-ninja.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gamekitui.com/r/stack.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"labels":["recently-updated"],"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"},"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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://gamifykit.com/r/daily-streak.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://gamifykit.com/r/achievements.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://gamifykit.com/r/leaderboard.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/index.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/data-feeding-in.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/aurora-glass.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/live-waveform.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/support-box.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/overlay-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/border-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/wavy-text-block.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/inverted-cursor.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/pixel-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/plasma.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/radial-intro.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-cloud.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/wave-path.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/magnetize-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/text-roll.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/activity-dropdown.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/badge.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/animated-list.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-timeline.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-loop.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/pricing-interaction.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/cloud-flow.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/macbook-keyboard.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/cpu-architecture.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/shadcn-ui.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/location-map.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/3d-folder.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/usage-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/voxel-wall.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/data-feeding-in-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/aurora-glass-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/live-waveform-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/support-box-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/overlay-button-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/border-button-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/wavy-text-block-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/inverted-cursor-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/pixel-button-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/plasma-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/radial-intro-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-cloud-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/wave-path-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/magnetize-button-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/text-roll-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/activity-dropdown-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/badge-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/animated-list-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-timeline-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-timeline-demo-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/logo-loop-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/pricing-interaction-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/cloud-flow-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/macbook-keyboard-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/cpu-architecture-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/shadcn-ui-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/location-map-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/3d-folder-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/usage-card-demo.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.gammaui.com/r/voxel-wall-demo.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard","components"],"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"},"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":60,"components":[{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/utils.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/accordion.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/alert.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/alert-dialog.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/aspect-ratio.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/avatar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/badge.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/breadcrumb.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/button.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/card.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/button-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/calendar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/carousel.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/chart.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/checkbox.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/collapsible.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/combobox.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/command.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/context-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/date-picker.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/dialog.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/direction.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/drawer.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/dropdown-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/empty.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/field.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/form.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/hover-card.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/input.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/input-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/input-otp.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/item.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/kbd.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/label.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/menubar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/navigation-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/native-select.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/pagination.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/popover.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/progress.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/radio-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/resizable.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/scroll-area.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/select.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/separator.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/sheet.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/sidebar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/skeleton.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/slider.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/sonner.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/spinner.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/switch.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/tabs.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/table.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/textarea.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/toggle.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/toggle-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/tooltip.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/use-mobile.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://binnodon.github.io/gc-solid-ui/r/vega.json","preview_url":null,"raw_code_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"}]},{"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":["ai","aesthetic"],"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"},"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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/card.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/input.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/textarea.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/label.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/badge.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/avatar.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/dialog.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/alert-dialog.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/separator.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/switch.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/checkbox.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/tabs.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/tooltip.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/popover.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/dropdown-menu.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/select.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/radio-group.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/skeleton.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/alert.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/accordion.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/breadcrumb.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/calendar.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/chart.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/collapsible.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/command.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/cropper.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/drawer.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/hover-card.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/input-otp.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/navigation-menu.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/pagination.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/scroll-area.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/sheet.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/sidebar.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/slider.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/sonner.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/table.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/toggle.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/toggle-group.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/mode-toggle.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/spinner.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/button-group.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/input-group.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/empty-state.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/menu-bar.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/date-picker-input.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/context-menu.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Theming/styling"],"source_url":"https://glass-ui.crenspire.com/r/carousel.json","preview_url":null,"raw_code_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":["aesthetic"],"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"},"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":60,"components":[{"name":"utils","title":"Utils","description":null,"type":"registry:lib","tags":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/utils.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/highlight-text.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/badge.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/avatar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/checkbox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/input.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/textarea.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/input-group.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/item.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/combobox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/command.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/dropdown-menu.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/select.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/switch.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/progress.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-badge.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-checkbox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-command.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-dropdown-menu.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-combobox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-select.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/liquid-glass.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-scrim-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glance.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-contact-pill.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-icon.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/calendar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-calendar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-variants.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/wavy-border.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/sheet.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/separator.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/skeleton.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/button-group.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/popover.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/radio-group.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/tooltip.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/sidebar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-separator.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-sidebar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/alert.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/alert-dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-alert.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-alert-dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/code-block-command.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-code-block-command.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/component-preview.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-button-group.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-toggle-group.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-input.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-item.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-popover.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-progress.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-radio-group.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://glasscn-components.vercel.app/r/glass-skeleton.json","preview_url":null,"raw_code_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"}]},{"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":["aesthetic"],"categories":["Animated components"],"labels":["featured"],"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"},"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/theme-customizer.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/animated-timer.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/border-beam.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/slot.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/input.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/label.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/textarea.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/typography.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/sonner.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/custom-toast.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/toast.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/promo-banner.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/morphing-dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/baseline-status.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/features-grid.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/badge.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://gooseui.pro/r/scroll-to-top.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"labels":["recently-updated"],"urls":{"website":"https://gpt-vis.antv.vision","github":"https://github.com/antvis/GPT-Vis","registry":"https://gpt-vis.antv.vision/r/registry.json","source":"https://gpt-vis.antv.vision/r/registry.json","page":"https://sh4dcn.vercel.app/registry/gpt-vis"},"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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/gpt-vis.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/line.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/pie.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/bar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/column.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/area.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/scatter.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/radar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/funnel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/waterfall.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/histogram.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/boxplot.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/violin.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/dual-axes.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/liquid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/word-cloud.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/sankey.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/treemap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/venn.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/summary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/mindmap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/fishbone-diagram.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/flow-diagram.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/network-graph.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/organization-chart.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://gpt-vis.antv.vision/r/indented-tree.json","preview_url":null,"raw_code_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"],"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"},"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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/utils.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/theme.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/accordion.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/alert.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/alert-dialog.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/aspect-ratio.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/avatar.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/badge.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/breadcrumb.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/button.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/card.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/carousel.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/chart.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/collapsible.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/command.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/context-menu.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/dialog.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/drawer.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/dropdown-menu.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/hover-card.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/input.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/input-group.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/menubar.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/navigation-menu.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/pagination.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/popover.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/progress.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/resizable.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/scroll-area.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/separator.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/sheet.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/sidebar.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/skeleton.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/sonner.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/table.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/tabs.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/textarea.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/toggle.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/toggle-group.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/tooltip.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/article.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/content.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/date-time.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/global-styles.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/header-navigation.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/hero.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/picture.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/use-mobile.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"source_url":"https://gymnopedies.shoota.work/r/gymnopedies.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"labels":["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"},"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":24,"components":[{"name":"glow-card","title":"Glow Card","description":"A card with a glowing hover effect.","type":"registry:block","tags":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/glow-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/github-stars.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/github-stars-react.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/gradient-text-fill.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/gradient-background-text.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/discord-online.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/discord-online-react.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/logo-marquee.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/blurred-marquee.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/logo-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/github-calendar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/avatar-tooltips.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/3d-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/sliding-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/drag-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/press-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/cursor-trail.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/image-trail.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/text-outline-glow.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/animated-bars.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/animated-layout.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/theme-toggler.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/styled-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://grootstudio.vercel.app/r/pebble-toast.json","preview_url":null,"raw_code_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"}]},{"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","dashboard"],"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"},"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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/type-generator.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/auth.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/camera.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/trigger.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/toggle.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/light.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/weather.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/proxy.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/accordion.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/popover.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/slider.json","preview_url":null,"raw_code_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","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://hacomponents.keshuac.com/r/switch.json","preview_url":null,"raw_code_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":["saas","ai"],"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"},"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"],"categories":["Icons/logos"],"labels":["recently-updated"],"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"},"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":60,"components":[{"name":"academic-cap","title":"academic-cap","description":"Animated academic-cap icon for React","type":"registry:ui","tags":["aesthetic"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/academic-cap.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/adjustments-horizontal.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/adjustments-vertical.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/archive-box-arrow-down.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/archive-box-x-mark.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/archive-box.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-down-circle.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-down-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-down-on-square-stack.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-down-on-square.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-down-right.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-down-tray.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-down.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-left-circle.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-left-end-on-rectangle.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-left-start-on-rectangle.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-long-down.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-long-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-long-right.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-long-up.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-path-rounded-square.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-path.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-right-circle.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-right-end-on-rectangle.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-right-start-on-rectangle.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-right.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-top-right-on-square.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-trending-down.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-trending-up.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-turn-down-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-turn-down-right.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-turn-left-down.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-turn-left-up.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-turn-right-down.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-turn-right-up.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-turn-up-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-turn-up-right.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-up-circle.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-up-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-up-on-square-stack.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-up-on-square.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-up-right.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-up-tray.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-up.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-uturn-down.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-uturn-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-uturn-right.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrow-uturn-up.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrows-pointing-in.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrows-pointing-out.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrows-right-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/arrows-up-down.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/at-symbol.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/backspace.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/backward.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/banknotes.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/bars-2.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/bars-3-bottom-left.json","preview_url":null,"raw_code_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"],"categories":["Icons/logos"],"source_url":"https://www.heroicons-animated.com/r/bars-3-bottom-right.json","preview_url":null,"raw_code_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"}]},{"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":["saas","ai","components"],"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"},"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":60,"components":[{"name":"accordion","title":"Accordion","description":"Expands to show or hide content.","type":"registry:ui","tags":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/accordion.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/alert.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/alert-dialog.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/aspect-ratio.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/avatar.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/badge.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/breadcrumb.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/button.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/button-group.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/calendar.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/card.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/carousel.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/checkbox.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/collapsible.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/command-menu.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/context-menu.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/dialog.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/drawer.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/dropdown-menu.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/empty.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/field.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/hover-card.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/input.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/input-group.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/input-otp.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/item.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/label.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/menubar.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/navigation-menu.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/pagination.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/popover.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/progress.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/radio-group.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/resizable.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/scroll-area.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/sidebar.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/select.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/separator.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/sheet.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/skeleton.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/slider.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/sonner.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/spinner.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/switch.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/table.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/tabs.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/textarea.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/toggle.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/toggle-group.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/tooltip.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/kbd.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/native-select.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/tree.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/video-player.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-chat-history.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-citations.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-conversation.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-error-handler.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-file-upload.json","preview_url":null,"raw_code_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":["saas","ai","components"],"categories":["Component library (general)"],"source_url":"https://hextaui.com/r/ai-message.json","preview_url":null,"raw_code_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"}]},{"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":[],"categories":["Uncategorized"],"labels":[],"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"},"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":60,"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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/multi-select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/number-range.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/year-picker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/tag-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/combobox.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/lazy-select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/password-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/currency-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/phone-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/file-dropzone.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/stat-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/rating.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/timeline.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/kbd.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/callout.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/scroll-progress.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/hero-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/hero-02.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/hero-03.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/hero-04.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/hero-05.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/feature-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/feature-02.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/pricing-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/pricing-02.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/testimonial-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/testimonial-02.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/cta-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/cta-02.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/cta-03.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/faq-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/faq-02.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/faq-03.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/faq-04.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/login-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/login-02.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/signup-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/forgot-password-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/otp-verify-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/header-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/footer-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/not-found-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/month-picker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/time-picker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/color-picker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/avatar-stack.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/announcement-bar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/logo-cloud-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/contact-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/blog-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/ecommerce-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/ecommerce-02.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/dashboard-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/dashboard-02.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/dashboard-03.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/dashboard-04.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/dashboard-05.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/integrations-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/image-gallery-01.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://hirael.com/r/app-shell-01.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard","aesthetic","components"],"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"},"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":60,"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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/accordion.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/ai-input.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/alert.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/avatar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-accordion.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-alert-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-autocomplete.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-avatar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-checkbox-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-checkbox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-collapsible.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-combobox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-context-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-hover-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-popover.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-progress.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-radio-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-select.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-selection-toolbar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-separator.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-slider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-switch.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-tabs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-toggle.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-togglegroup.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/b-tooltip.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/badge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/banner.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/breadcrumbs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/button-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/calendar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/charts.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/checkbox-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/checkbox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/code-block.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/color-picker.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/combobox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/command-palette.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/context-menu.json","preview_url":null,"raw_code_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":"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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/date-picker.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/dia-text.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/drawer.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/dropdown.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/faq-pro.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/favicon-badge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/feedback.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/file-tree.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/file-upload.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/flux-button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/hover-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/icon-bar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/infiniteribbon.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/input-otp.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://iconiqui.com/r/input.json","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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":["components"],"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"},"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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/theme.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/typography.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/button.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/button-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/badge.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/alert.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/accordion.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/breadcrumb.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/card.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/chip.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/collapse.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/dropdown.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/list-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/modal.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/offcanvas.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/pagination.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/popover.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/progress.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/search.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/separator.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/skeleton.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/spinner.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/stepper.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/tabs.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/toast.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://indiacn.in/r/tooltip.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"labels":["featured","recently-updated"],"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"},"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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/agent.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/chat.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/tools.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/task.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/widgets.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/pretext-md.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/virtualize.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/markdown.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/code-block.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/youtube-embed.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/zoomable-image.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/steps.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/sidebar-light.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.inference.sh/r/table-of-contents.json","preview_url":null,"raw_code_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":["dashboard","components"],"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"},"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":60,"components":[{"name":"theme-default","title":null,"description":null,"type":"registry:style","tags":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-default","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-blue","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-sky","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-indigo","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-emerald","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-teal","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-purple","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-pink","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-rose","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-green","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-lime","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/theme-cyan","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/area-chart","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/avatar","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/badge","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-chart","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/bar-list","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/breadcrumbs","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/button-group","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/button","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/calendar","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/card","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/carousel","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/chart","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/checkbox","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/choice-box","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-area","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-field","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-picker","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-slider","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-swatch-picker","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-swatch","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-thumb","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/color-wheel","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/combo-box","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/command-menu","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/container","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/context-menu","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/date-field","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/date-picker","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/date-range-picker","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/description-list","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/dialog","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/disclosure-group","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drawer","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/drop-zone","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/dropdown","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/field","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/file-trigger","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/grid-list","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/heading","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/input-otp","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/input","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/keyboard","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/leaderboard","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/line-chart","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/link","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/list-box","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/loader","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://intentui.com/r/menu","preview_url":null,"raw_code_url":"https://intentui.com/r/menu","install_command":"npx shadcn@latest add https://intentui.com/r/menu","copy_url":"https://intentui.com/r/menu"}]},{"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":["saas","ai"],"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"},"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":["ai","aesthetic"],"categories":["Animated components"],"labels":["featured","recently-updated"],"urls":{"website":"https://www.jolyui.dev","github":"https://github.com/johuniq/jolyui","registry":"https://www.jolyui.dev/r/registry.json","source":"https://www.jolyui.dev/r/registry.json","page":"https://sh4dcn.vercel.app/registry/jolyui"},"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":60,"components":[{"name":"style","title":null,"description":null,"type":"registry:style","tags":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/style.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-beam.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-theme-toggle.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-table.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/bento-grid.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/expanded-map.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/dock.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/image-comparison.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-tooltip.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-toast.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/rainbow-button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/file-tree.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/github-contributors.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/glitch-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/phone-card.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/rotate-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/lazy-video.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/vercel-tabs.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/magnetic.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/video-player.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/calender.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/character-morph.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/code-block.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/text-morphing.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/scroll-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/segmented-button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/typewritter-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/velocity-morph.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/number-counter.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/highlight-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/command-palette.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/github-star.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/gooey-text-morphing.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/feedback-widget.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/image-sphere.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/infinite-ribbon.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/hover-preview.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/ai-prompt-box.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/date-wheel-picker.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/liquid-metal-button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/morphing-cursor.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/falling-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/shutter-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/utils.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/use-mobile.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/theme-daylight.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/theme-midnight.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/theme-emerald.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-beam-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-beam-curved-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-beam-multiple-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-beam-bidirectional-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-theme-toggle-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-theme-toggle-sizes-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/animated-theme-toggle-navbar-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/dock-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/expanded-map-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/expanded-map-locations-demo.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://www.jolyui.dev/r/expanded-map-dark-demo.json","preview_url":null,"raw_code_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"}]},{"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":["aesthetic","components"],"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"},"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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/infinite-list.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/marquee.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/file-button.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/file-dropzone.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/mobile-menu.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/scroll-area.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/chat.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/hls-video-player.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/action-hint.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/image-sequence.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/typewriter.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/spritesheet-sequencer.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/magnetic.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/scramble.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/scramble-button.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/brick-breaker.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/snake-game.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/space-invaders.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/typed-emitter.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/canvas-2d.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/debug-canvas.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/debug.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/avatar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/badge.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/button.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/button-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/card.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/chart.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/collapsible.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/dropdown-menu.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/input.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/input-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/kbd.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/media-player.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/mention.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/popover.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/select.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/separator.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/slider.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/switch.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/tabs.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/textarea.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/tooltip.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/cluster.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/joyco-theme.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/joyco-fonts.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/utils.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://registry.joyco.studio/r/ui.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"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"},"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":60,"components":[{"name":"accordion","title":null,"description":null,"type":"registry:ui","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/accordion.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/alert.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/aspect-ratio.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/autocomplete.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/avatar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/badge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/breadcrumb.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/button-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/calendar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/checkbox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/collapsible.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/combobox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/date-field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/date-picker.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/drawer.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/dropzone.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/form.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/input.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/input-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/input-otp.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/keyboard.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/label.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/link.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/link-button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/list-box.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/number-field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/pagination.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/popover.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/progress.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/radio-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/resizable.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/scroll-area.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/search-field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/select.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/separator.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/sheet.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/sidebar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/skeleton.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/slider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/spinner.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/switch.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/table.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/tabs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/textarea.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/text-field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/toast.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/toggle.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/toggle-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/tooltip.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/cva.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/use-is-mobile.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/accordion-demo.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://kanpeki.vercel.app/r/alert-demo.json","preview_url":null,"raw_code_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"}]},{"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":["components"],"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"},"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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/article.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/civic-tech-banner.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/list.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/strip-banner.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/table.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/tables.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/articles.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/banners.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/biography.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/official-biography.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://kapwa-two.vercel.app/r/lists.json","preview_url":null,"raw_code_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":["ai","components"],"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"},"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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/announcement.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/avatar-stack.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/banner.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/calendar.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/choicebox.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/code-block.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/color-picker.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/combobox.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/comparison.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/contribution-graph.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/credit-card.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/cursor.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/deck.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/dialog-stack.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/dropzone.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/editor.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/gantt.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/glimpse.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/image-crop.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/image-zoom.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/kanban.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/list.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/marquee.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/mini-calendar.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/pill.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/qr-code.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/rating.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/reel.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/relative-time.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/sandbox.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/snippet.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/spinner.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/status.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/stories.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/table.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/tags.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/theme-switcher.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/ticker.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/tree.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/typography.json","preview_url":null,"raw_code_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":["ai","components"],"categories":["Component library (general)"],"source_url":"https://www.kibo-ui.com/r/video-player.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"labels":["featured","popular"],"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"},"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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-prompt.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/command-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/card-flip.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/smooth-drawer.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/shape-hero.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-text-loading.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/shimmer-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/carousel-cards.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/file-upload.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/action-search-bar.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-input-search.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/currency-transfer.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/background-paths.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/beams-background.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/apple-activity-card.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-voice.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/smooth-tab.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/team-selector.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/switch-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/bento-grid.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/social-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/hold-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/attract-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/gradient-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/v0-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/toolbar.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/ai-loading.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/card-stack.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/avatar-picker.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/type-writer.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/swoosh-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/sliced-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/glitch-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/matrix-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/dynamic-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/particle-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/tweet-card.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/scroll-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/liquid-glass-card.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Animated components"],"source_url":"https://kokonutui.com/r/profile-dropdown.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","recently-updated"],"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"},"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/launchui.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/navbar.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/hero.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/items.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/logos.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/bento-grid.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/feature.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/tabs.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/social-proof.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/testimonials.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/faq.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/cta.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/carousel.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/stats.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/pricing.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/footer.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/gallery.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/pro.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/button.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/badge.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/card.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/screenshot.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/mockup.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.launchuicomponents.com/r/glow.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/paginated-list.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/login-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/utils.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-authenticated-account.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-login-with-viem.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-reaction-toggle.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-tip-post-action.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-tip-account-action.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/use-post-context.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/post-provider.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/account-chooser.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/account-list-item.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/audio-player.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/video-player.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/text-editor.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/follow-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/account-hover-card.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/login.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/lens-markdown.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/tip-dialog.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/quote-dialog.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/collect-dialog.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/link-preview.json","preview_url":null,"raw_code_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":["components"],"categories":["Crypto/web3"],"source_url":"https://lensblocks.com/r/post.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/index.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/error-screen.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/fallback-poster.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/mute-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/media-provider.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/player-layout.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/media.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/volume-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/playback-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/picture-in-picture-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/playback-rate.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/timeline-labels.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/timeline-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/limeplay-logo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/root-container.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/captions.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/seek-controls.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/video-player.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/audio-player.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/utils.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/time.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-media.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-volume.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-controls-visibility.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-track-events.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-timeline.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-player.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-asset.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-playback-source.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-interval.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-captions.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-playback-rate.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-seek.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-playlist.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-playback.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-picture-in-picture.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/use-idle.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/custom-demo-controls.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/internal-media.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/error-screen-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/fallback-poster-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/playback-state-control-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/picture-in-picture-control-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/volume-slider-control-horizontal-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/volume-slider-control-vertical-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/volume-state-control-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/timeline-control-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/timeline-labels-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/captions-state-control-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/playback-rate-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://limeplay.winoffrg.dev/r/seek-control-demo.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/quiz.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/flashcards.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/match.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/fill-blank.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/scramble.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/order.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/reading-passage.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/progress-tracker.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/spaced-repetition.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://lmscn.vercel.app/r/hotspot.json","preview_url":null,"raw_code_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":["aesthetic"],"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"},"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/index.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/style.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/ring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/spokes.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/classic.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/dots-ring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/spiral.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/swirling.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/arc.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/dual-arc.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/fade-arc.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/concentric-ring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/orbit-ring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/satellite-ring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/clock-ring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/quarter-ring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/dash-ring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/comet-spinner.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/pulse.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/ripple.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/pulse-dot.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/dots.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/bobbing-dots.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/bouncing-dots.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/typing.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/twin-orbit.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/pulsating-dots.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/triple-dot-spinner.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/text-shimmer.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/text-blink.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/text-dots.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/text-shimmer-wave.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/morphing-infinity.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/infinity.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/accordion-loader.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/symmetric-wave.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/square-grid.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/square-accordion.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/conveyor-loop.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/square-snake.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/infinity-square-snake.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/infinity-track.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/diamond.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/wave.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/bars.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/analyzing-image.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/skeleton.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/terminal.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/wandering-eyes.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://loading-ui.com/r/utils.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"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"},"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":60,"components":[{"name":"a-arrow-down","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/a-arrow-down.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/a-arrow-up.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/accessibility.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/activity.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/air-vent.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/airplane.json","preview_url":null,"raw_code_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":"alarm-clock","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/alarm-clock.json","preview_url":null,"raw_code_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":"align-center","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/align-center.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/align-horizontal.json","preview_url":null,"raw_code_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-vertical","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/align-vertical.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/ambulance.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/angry.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/annoyed.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/archive.json","preview_url":null,"raw_code_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-dash","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-big-down-dash.json","preview_url":null,"raw_code_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-down","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-big-down.json","preview_url":null,"raw_code_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-left-dash","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-big-left-dash.json","preview_url":null,"raw_code_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-left","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-big-left.json","preview_url":null,"raw_code_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-right-dash","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-big-right-dash.json","preview_url":null,"raw_code_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-right","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-big-right.json","preview_url":null,"raw_code_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-up-dash","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-big-up-dash.json","preview_url":null,"raw_code_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-big-up","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-big-up.json","preview_url":null,"raw_code_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-down-0-1","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-down-0-1.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-down-1-0.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-down-a-z.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-down-left.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-down-right.json","preview_url":null,"raw_code_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-up-left","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-up-left.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-up-right.json","preview_url":null,"raw_code_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":"arrow-down-z-a","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-down-z-a.json","preview_url":null,"raw_code_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-down","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-down.json","preview_url":null,"raw_code_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-left","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-left.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-right.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/arrow-up.json","preview_url":null,"raw_code_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":"at-sign","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/at-sign.json","preview_url":null,"raw_code_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":"attach-file","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/attach-file.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/audio-lines.json","preview_url":null,"raw_code_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":"badge-alert","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/badge-alert.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/badge-percent.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/ban.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/banana.json","preview_url":null,"raw_code_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-full","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-full.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-low.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/battery-medium.json","preview_url":null,"raw_code_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":"bell","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bell.json","preview_url":null,"raw_code_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":"blocks","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/blocks.json","preview_url":null,"raw_code_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-connected","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bluetooth-connected.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bluetooth-off.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bluetooth-searching.json","preview_url":null,"raw_code_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":"bluetooth","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bluetooth.json","preview_url":null,"raw_code_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":"bold","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bold.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bone.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/book-text.json","preview_url":null,"raw_code_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-check","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark-check.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark-minus.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark-plus.json","preview_url":null,"raw_code_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":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark-x.json","preview_url":null,"raw_code_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":"bookmark","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bookmark.json","preview_url":null,"raw_code_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":"bot-message-square","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bot-message-square.json","preview_url":null,"raw_code_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":"bot","title":null,"description":null,"type":"registry:ui","tags":["saas","dashboard","aesthetic"],"categories":["Icons/logos"],"source_url":"https://lucide-animated.com/r/bot.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard","components"],"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"},"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":60,"components":[{"name":"ui","title":null,"description":null,"type":"registry:ui","tags":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/ui.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/chat-input.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/utils.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/use-mobile.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/accordion.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/avatar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/alert-dialog.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/dialog.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/drawer.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/tabs.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/scroll-area.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/popover.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/dropdown-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/autocomplete.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/input.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/button.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/checkbox.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/switch.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/select.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/navigation-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/collapsible.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/command-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/preview-card.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/progress.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/field.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/fieldset.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/form.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/radio.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/tooltip.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/toggle.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/toggle-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/toast.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/checkbox-group.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/slider.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/separator.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/number-field.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/meter.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/otp-field.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/toolbar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/context-menu.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/combobox.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/menubar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/sheet.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/resizable.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/arrow-svg.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/label.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/sidebar.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/textarea.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/chart.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/breadcrumb.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/badge.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/card.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/kbd.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/skeleton.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/sidebar-01.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/sidebar-02.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/dialog-01.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/dialog-02.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/project-status-picker.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Component library (general)"],"source_url":"https://www.lumiui.dev/r/expandable-dialog.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard"],"categories":["Charts/data viz"],"labels":["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"},"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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://www.1771technologies.com/r/lytenyte-core.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Charts/data viz"],"source_url":"https://www.1771technologies.com/r/lytenyte-pro.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"labels":["featured","popular","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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/index","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/magic-card","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/android","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/warp-background","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/line-shadow-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/aurora-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/morphing-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/scroll-progress","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/lens","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/pointer","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/smooth-cursor","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/progressive-blur","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/neon-gradient-card","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/noise-texture","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/meteors","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/grid-pattern","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/hexagon-pattern","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/striped-pattern","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/interactive-grid-pattern","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/dot-pattern","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/flickering-grid","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/hero-video-dialog","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/code-comparison","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/marquee","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/globe","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/glyph-matrix","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/glare-hover","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/shimmer-button","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/tweet-card","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/client-tweet-card","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/bento-grid","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/particles","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/number-ticker","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/ripple","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/retro-grid","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/animated-list","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/animated-shiny-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/animated-grid-pattern","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/border-beam","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/animated-beam","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/text-reveal","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/dia-text-reveal","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/hyper-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/animated-gradient-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/orbiting-circles","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/dock","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/word-rotate","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/avatar-circles","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/typing-animation","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/sparkles-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/spinning-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/comic-text","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/icon-cloud","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/text-animate","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/scroll-based-velocity","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/shiny-button","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/shine-border","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/animated-circular-progress-bar","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/confetti","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://magicui.design/r/cool-mode","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/contact-form.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/date-time-picker.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/issue-report-form.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/order-confirm.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/payment-confirmed.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/product-list.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/option-list.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/amount-input.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/tag-select.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/quick-reply.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/progress-steps.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/status-badge.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/stat-card.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/post-card.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/post-list.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/post-detail.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/table.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/message-bubble.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/chat-conversation.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/x-post.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/instagram-post.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/linkedin-post.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/youtube-post.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/map-carousel.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-card.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-list.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-detail.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/ticket-tier-select.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-confirmation.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/hero.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/event-shared.json","preview_url":null,"raw_code_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"],"categories":["AI/chat UI"],"source_url":"https://ui.manifest.build/r/manifest-types.json","preview_url":null,"raw_code_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":["components"],"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"},"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":8,"components":[{"name":"map","title":"Map","description":"A MapLibre-powered map component with markers, popups, tooltips, routes, and controls.","type":"registry:ui","tags":["components"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/map.json","preview_url":null,"raw_code_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":["components"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/analytics-map.json","preview_url":null,"raw_code_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":["components"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/choropleth.json","preview_url":null,"raw_code_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":"uptime-monitor","title":"Uptime Monitor","description":"Status-page style map of edge network locations with live health, latency, and uptime.","type":"registry:block","tags":["components"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/uptime-monitor.json","preview_url":null,"raw_code_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":"logistics-network","title":"Logistics Network","description":"Domestic logistics map with a sidebar of stats.","type":"registry:block","tags":["components"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/logistics-network.json","preview_url":null,"raw_code_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":["components"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/store-locator.json","preview_url":null,"raw_code_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"},{"name":"heatmap","title":"Heatmap","description":"Globe-projected heatmap visualizing earthquake density with zoom-dependent styling.","type":"registry:block","tags":["components"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/heatmap.json","preview_url":null,"raw_code_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":"delivery-tracker","title":"Delivery Tracker","description":"Live order tracking with route progress, courier position, and order details.","type":"registry:block","tags":["components"],"categories":["Maps"],"source_url":"https://mapcn.dev/r/delivery-tracker.json","preview_url":null,"raw_code_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"}]},{"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":["components"],"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"},"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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/typography.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/use-isomorphic-layout-effect.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/use-media-query-hook.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-anyof-string-or-enum-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-array-layout.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-boolean-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-boolean-toggle-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-categorization.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-boolean-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-boolean-toggle-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-date-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-enum-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-integer-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-number-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-number-format-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-oneof-enum-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-text-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-time-cell.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-date-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-datetime-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-enum-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-horizontal-layout.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-label.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-number-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-oneof-enum-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-oneof-radio-group-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-radio-group-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-slider-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-textarea-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-time-control.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-vertical-layout.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-renderers.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/jsonforms-utils.json","preview_url":null,"raw_code_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":["components"],"categories":["Personal/portfolio registry"],"source_url":"https://mksingh.dev/r/tanstack-start-react-themes.json","preview_url":null,"raw_code_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":"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":["mobile","aesthetic"],"categories":["Animated components"],"labels":[],"urls":{"website":"https://www.moleculeui.design/","github":"https://github.com/molecule-lab/molecule-ui","registry":"https://www.moleculeui.design/r/{name}.json","source":"https://www.moleculeui.design/r/{name}.json","page":"https://sh4dcn.vercel.app/registry/moleculeui"},"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"],"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"},"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":[],"categories":["Uncategorized"],"labels":[],"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"},"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":60,"components":[{"name":"1password","title":"1Password — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/1password.json","preview_url":null,"raw_code_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":"adyen","title":"Adyen — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/adyen.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/aesop.json","preview_url":null,"raw_code_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":"airbyte","title":"Airbyte — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/airbyte.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/airtable.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/akiflow.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/allbirds.json","preview_url":null,"raw_code_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":"amie","title":"Amie — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/amie.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/amplitude.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/anytype.json","preview_url":null,"raw_code_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":"apple-music","title":"Apple Music — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/apple-music.json","preview_url":null,"raw_code_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":"appsmith","title":"Appsmith — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/appsmith.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/appwrite.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/arc.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/are-na.json","preview_url":null,"raw_code_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":"ashby","title":"Ashby — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/ashby.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/assemblyai.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/astro.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/attio.json","preview_url":null,"raw_code_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":"augment","title":"Augment — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/augment.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/away.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/axiom.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/baseten.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/bear.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/beehiiv.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/bellroy.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/bento.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/better-stack.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/bilt.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/biome.json","preview_url":null,"raw_code_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":"bolt","title":"Bolt — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/bolt.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/braintrust.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/brex.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/browserbase.json","preview_url":null,"raw_code_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":"builder-io","title":"Builder.io — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/builder-io.json","preview_url":null,"raw_code_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":"bun","title":"Bun — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/bun.json","preview_url":null,"raw_code_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":"cal-com","title":"Cal.com — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/cal-com.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/calendly.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/calm.json","preview_url":null,"raw_code_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":"canva","title":"Canva — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/canva.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/cap.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/capacities.json","preview_url":null,"raw_code_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":"captions","title":"Captions — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/captions.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/caraway.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/cargo.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/carrd.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/cartesia.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/cash-app.json","preview_url":null,"raw_code_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":"census","title":"Census — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/census.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/cerebras.json","preview_url":null,"raw_code_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":"checkout-com","title":"Checkout.com — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/checkout-com.json","preview_url":null,"raw_code_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":"chroma","title":"Chroma — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/chroma.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/claude.json","preview_url":null,"raw_code_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":"clay","title":"Clay — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/clay.json","preview_url":null,"raw_code_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":"clerk","title":"Clerk — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/clerk.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/clickhouse.json","preview_url":null,"raw_code_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":"cluely","title":"Cluely — decoded design system","description":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/cluely.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/co-star.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/coda.json","preview_url":null,"raw_code_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":null,"type":"registry:theme","tags":[],"categories":["Uncategorized"],"source_url":"https://mozaika.design/r/coder.json","preview_url":null,"raw_code_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"}]},{"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":["aesthetic","components"],"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"},"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":60,"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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/accordion-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-actions.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-artifact.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-branch.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-chain-of-thought.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-code-block.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-context.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-conversation.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-elements.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-image.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-inline-citation.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-loader.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-message.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-open-in-chat.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-prompt-input.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-reasoning.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-response.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-sources.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-suggestion.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-task.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-tool.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/ai-web-preview.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/alert-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/app-analytics.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/app-bar-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/app-footer-01.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/app-messenger.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/app-react-legacy.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/app-shopping-cart.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/autocomplete-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/avatar-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/badge-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/breadcrumbs-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/button-group-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/button-mui-treasury.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/call-volume-trends.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-action-01.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-action-02.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-blog.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-engagement.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-galaxy.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-highlight.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-kanban.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-music.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-news.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-news2.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-news3.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-offer.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-post.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-preview-01.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-profile.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-project.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-review.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-review2.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-reward.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-social.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-solid-game.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-sysi.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-tag.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Design system"],"source_url":"https://mui-treasury.com/r/card-team.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard","aesthetic"],"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"},"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":60,"components":[{"name":"haptic","title":"Haptic Feedback","description":"Trigger haptic feedback on mobile devices.","type":"registry:lib","tags":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/haptic.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/use-sound.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/use-controllable-state.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/theme-switcher.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/text-flip.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/apple-hello-effect.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/apple-hello-effect-hindi.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/apple-hello-effect-spanish.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/apple-hello-effect-vietnamese.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/wheel-picker.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/chevrons-up-down-icon.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/typography.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/work-experience.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/shimmering-text.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/slide-to-unlock.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/testimonials-marquee.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/testimonial.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/github-stars.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/scroll-fade-effect.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/consent-manager.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/copy-button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/code-block-command.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/testimonial-spotlight.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/glow-card-grid.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/middle-truncation.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/twemoji.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/elastic-slider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/contribution-graph.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/github-contributions.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/toc-minimap.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/fluid-gradient-text.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/brand-assets-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/icon-swap.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/dot-grid-spotlight.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/spinning-circular-text.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/mobius-loop-icon.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/logos-carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/testimonial-2.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/line-nav.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/share-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/spotlight-logo.json","preview_url":null,"raw_code_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":"login-01","title":"Login 01","description":"A simple login form.","type":"registry:block","tags":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/login-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/hero-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/blog-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/blog-02.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/testimonials-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/testimonials-02.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/experience-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/team-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/metrics-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/social-links-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/social-proof-01.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/style.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/theme-toggle-effect-triangle.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/theme-toggle-effect-triangle-blur.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/theme-toggle-effect-circle.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/theme-toggle-effect-circle-blur.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/theme-toggle-effect-circle-blur-top-left.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/theme-toggle-effect-polygon.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://chanhdai.com/r/theme-toggle-effect-polygon-gradient.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard","aesthetic","components"],"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"},"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":["components"],"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"},"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":60,"components":[{"name":"utils","title":null,"description":null,"type":"registry:lib","tags":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/utils.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/use-mobile.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/button.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/card.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/input.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/label.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/form.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/textarea.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/select.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/checkbox.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/switch.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/dialog.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/alert-dialog.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/dropdown-menu.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/tabs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/accordion.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/avatar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/badge.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/separator.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/tooltip.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/collapsible.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/code-block.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/alert.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/progress.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/sheet.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/sonner.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/popover.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/skeleton.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/slider.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/scroll-area.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/radio-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/toggle.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/aspect-ratio.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/hover-card.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/breadcrumb.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/pagination.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/table.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/tag-input.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/command.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/copy-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/drawer.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/calendar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/date-picker.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/data-table.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/spinner.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/empty.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/typography.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/toggle-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/button-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/field.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/input-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/combobox.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/sidebar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/input-otp.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/number-input.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/chart.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/stat-card.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/dashboard-stats.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/signin-form.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://nessra-ui.vercel.app/r/signup-form.json","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"labels":["featured"],"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"},"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":60,"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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/nexus-font.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/scroll-progress-bar.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/wheel-selector.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/cinematic-card-deck.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/cursor-text-reveal.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/cinematic-logo-cloud.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/step-flow.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/phone-input.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/hero-aurora-spotlight.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/bento-signal-grid.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/nebula-glass-card.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/float-glass-navbar.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/orbit-footer.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/depth-testimonials.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/toggle-pricing-pro.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/beam-sweep-field.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/vector-tilt-scene.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/glass-login-stack.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/split-signup-convert.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/signup-form.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/workbench-sidebar.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/pulse-dashboard-kpis.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/orbital-loader.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/milestone-timeline.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/lattice-feature-grid.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/motion-faq-disclosure.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/nebula-cta-glow.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/glow-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/word-magnet.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/three-d-folder.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/draggable-card-stack.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/card-carousel-3d.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/real-time-cursors.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/editorial-blog-rail.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/split-contact-glass.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/svg-noise-shader.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/tracing-spotlight-panel.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/forge-ai-command-bar.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/gooey-input.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/terminal.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/squiggly-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/floating-dock.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/stateful-button.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/sparkles.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/text-generate-effect.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/background-gradient.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/typewriter-effect.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/text-reveal-card.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/glowing-effect-cards.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/infinite-moving-cards.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/meteors.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/background-boxes.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/encrypted-text.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/mac-keyboard.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/images-badge.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/dot-grid-hero.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/starfield-hero.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/compare.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/expandable-cards.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["Commercial/paid product"],"source_url":"https://nexus-ui.com/r/animated-select-headline.json","preview_url":null,"raw_code_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"}]},{"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":["ai","dashboard"],"categories":["AI/chat UI"],"labels":["featured","recently-updated"],"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"},"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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/prompt-input.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/suggestions.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/attachments.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/model-selector.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/message.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/thread.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/citation.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/image.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/reasoning.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/feedback-bar.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/text-shimmer.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/toaster.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/chain-of-thought.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/tool.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://nexus-ui.dev/r/questions.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/audio.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/file.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/flag.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/loading.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/map.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/password.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/phone.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://ui.nordaun.com/r/video.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/ansi-output.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/image-output.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/html-output.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/svg-output.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/markdown-output.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/json-output.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/media-provider.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/media-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/cell-header.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/cell-type-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/execution-status.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/play-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/runtime-health-indicator.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/cell-controls.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/cell-container.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/cell-betweener.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/output-area.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/execution-count.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/collaborator-avatars.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/presence-bookmarks.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/codemirror-editor.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/widget-store.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/anywidget-view.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/widget-view.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/widget-controls.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/ipycanvas.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/isolated-frame.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/cell-type-selector.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/error-boundary.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/highlight-text.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/isolated-renderer.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/all.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/global-find-bar.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/runtime-icons.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://nteract-elements.vercel.app/r/selection-card.json","preview_url":null,"raw_code_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"],"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"},"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"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/adapter-inertia.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/adapter-onejs.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/adapter-react-router-v5.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/adapter-waku.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://nuqs.dev/r/next-typed-links.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"labels":[],"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"},"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":60,"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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/foundation.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/gallery-visuals.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/theme-sera.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/full-width-divider.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/decor-icon.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/bubble-background.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/brand-typography.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/faqs-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/faqs-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/faqs-3.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/faqs-4.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/faqs-5.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/faqs-7.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/faqs-8.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/features-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/features-3.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/features-4.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/features-5.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/features-7.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/features-8.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/features-10.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/features-11.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/hero-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/hero-4.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/hero-6.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/hero-7.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/hero-9.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/hero-12.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/cta-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/cta-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/cta-3.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/cta-6.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/cta-7.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/cta-9.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/auth-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/auth-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/auth-3.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/auth-4.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/auth-5.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/auth-6.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/auth-7.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/auth-9.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/blog-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/blog-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/blog-5.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/blog-9.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/contact-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/contact-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/contact-3.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/contact-4.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/contact-5.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/contact-6.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/contact-7.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/footer-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/footer-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/footer-4.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/footer-6.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/footer-7.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/footer-8.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://nusaiba.dev/r/base-nova/header-1.json","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/index.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ai-chat-container.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ai-message-bubble.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ai-model-selector.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ai-prompt-input.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ai-search-modal.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ai-steps.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ai-thought-chain.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ai-token-usage.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-avatar-group.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-card-stroke.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-code.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-code-block.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-code-tabs.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-cursor.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-footer.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-github-stars-wheel.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-animate-tabs.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-app-shells-app-shell-1.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-app-shells-app-shell-2.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-buttons-button.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-buttons-copy.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-buttons-github-stars.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-buttons-icon.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-buttons-smart-upload.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-buttons-theme-toggler.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-community-notification-list.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-community-playful-todolist.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-faqs-faq-1.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-1.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-2.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-3.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-4.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-logoclouds-logocloud-5.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-music-album-cards.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-music-spotify-card.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-music-vertical-spotify-card-1.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-music-vertical-spotify-card-2.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-preloaders-greetings.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-pricings-pricing-1.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-pricings-pricing-2.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-pricings-pricing-3.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-pricings-pricing-4.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-pricings-pricing-5.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-pricings-pricing-6.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-primitives-avatar.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-primitives-tree-filter.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-radix-checkbox.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-radix-dropdown-menu.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-radix-hover-card.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-texts-text-highlighter.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-texts-text-reveal.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-texts-text-shimmer.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-texts-text-shimmer-wave.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-texts-typewriter.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/components-ui-badge.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/demo-components-ai-chat-container.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/demo-components-ai-message-bubble.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/demo-components-ai-model-selector.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://www.odysseyui.com/r/demo-components-ai-prompt-input.json","preview_url":null,"raw_code_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"}]},{"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":[],"categories":["Uncategorized"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/simple.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/blog.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/changelog.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/quote.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-1.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-2.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-3.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-4.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-5.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/shadcn-registry-6.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/photo.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/product.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/profile.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/event.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/stat.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/logo.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/terminal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/editorial.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/showcase.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/shiori.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ogimagecn.vercel.app/r/owner.json","preview_url":null,"raw_code_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":"react","license":"Apache-2.0","tags":["ai"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"labels":["popular","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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/use-media-query.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/use-copy-to-clipboard.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-types.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-utils.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-icon.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-layout.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-blank.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-i18n.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-timestamp.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-banner.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-component.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-component-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-events.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-bar.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-calendar.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-feed.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-theme-switcher.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-locale-switcher.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-updates.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-page-get-in-touch.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-page-header.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-page-footer.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-page-shell.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-chrome.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-complete.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://openstatus.dev/r/status-essentials.json","preview_url":null,"raw_code_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","components"],"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"},"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":60,"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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/accordion.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/alert-dialog.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/alert.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/aspect-ratio.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/avatar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/badge.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/breadcrumb.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/button-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/button.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/calendar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/card.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/carousel.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/chart.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/checkbox.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/code-block.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/code-snippet.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/collapsible.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/command.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/context-menu.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/data-table.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/date-picker.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/dialog.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/drawer.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/dropdown-menu.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/empty.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/field.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/form.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/grid.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/guided-tour.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/hover-card.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/input-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/input-otp.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/input.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/item.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/kbd.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/label.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/menubar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/multi-select.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/navigation-menu.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/pagination.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/popover.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/progress.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/radio-group.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/resizable.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/scroll-area.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/select.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/separator.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/sheet.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/show-more.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/sidebar.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/skeleton.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/slider.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/sonner.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/spinner.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/star-rating.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/switch.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/table.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/tabs.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/textarea.json","preview_url":null,"raw_code_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","components"],"categories":["Design system"],"source_url":"https://optics.agusmayol.com.ar/r/theme-switcher.json","preview_url":null,"raw_code_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"}]},{"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":["components"],"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"},"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":60,"components":[{"name":"oui-alert","title":"Alert","description":"A shadcn Alert for a form displaying form action result.","type":"registry:ui","tags":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-alert.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-alert-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-autocomplete-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-avatar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-autocomplete-demo-searchable.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-badge.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-badge-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-base.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-outline.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-destructive.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-disabled.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-disabled-animation.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-ghost.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-icon-left.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-icon-right.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-lg.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-link.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-secondary.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-demo-sm.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-button-group-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-calendar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-calendar-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-card.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-demo-blue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-checkbox-group-demo-invalid.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-combo-box.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-combo-box-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-combo-box-demo-avatar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-combo-box-demo-header.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-date-field.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-date-field-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-date-picker.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-date-picker-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-dialog.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-scrollable-content.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-sticky-footer.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-dialog-demo-alert-confirm.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-disclosure.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-disclosure-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-disclosure-demo-group.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-disclosure-demo-text.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-field.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-field-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-field-demo-fieldset.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-form-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-index.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-react-router-index.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-input.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-input-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-input-demo-password.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://oui.mw10013.workers.dev/r/oui-input-demo-disabled.json","preview_url":null,"raw_code_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"}]},{"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":"pacekit","framework":"react","license":"MIT","tags":[],"categories":["Uncategorized"],"labels":[],"urls":{"website":"https://paceui.com","github":"https://github.com/pacekit/ui","registry":"https://paceui.com/r/registry.json","source":"https://paceui.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/paceui"},"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://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/pacekit/ui.git","clone_degit":"npx degit pacekit/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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/index.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/interactive-logs-chart.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/traffic-logs-chart.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/interactive-sales-chart.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/channel-sales-chart.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/live-logs-feed.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/create-user-form.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/usage-logs-meter.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/source-sales-meter.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/upgrade-sales-promo.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/simple-logs-stat.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/rich-sales-stat.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/simple-logs-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/product-sales-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/simple-users-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/shadcn-day-fan.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/form-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/form-password.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/form-select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/form-switch.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/form-textarea.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/form-checkbox.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://paceui.com/r/form-error.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"labels":[],"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"},"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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/index.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/interactive-logs-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/traffic-logs-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/interactive-sales-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/channel-sales-chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/live-logs-feed.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/create-user-form.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/usage-logs-meter.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/source-sales-meter.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/upgrade-sales-promo.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/simple-logs-stat.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/rich-sales-stat.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/simple-logs-table.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/product-sales-table.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/simple-users-table.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/shadcn-day-fan.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-input.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-password.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-select.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-switch.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-textarea.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-checkbox.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://ui.pacekit.dev/r/form-error.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"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"},"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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/index.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-suggestions.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-modal-selector.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-modal-ability-selector.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-response-writer.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/ai-token-counter.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/reveal-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/scramble-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/squash-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/bouncing-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/draw-line-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/mouse-wave-text.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/text-fall-button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/spring-button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/fillable-button.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/swap.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/animated-stack.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/layered-stack.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/gradient-shadow.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/github-star-counter.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/profile-peek.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/flip-reveal.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/reveal-on-scroll.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/stagger-on-scroll.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/liquid-cursor.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/liquid-glass.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/tilt-card.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/dot-loader.json","preview_url":null,"raw_code_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":["ai","aesthetic"],"categories":["Animated components"],"source_url":"https://gsap.pacekit.dev/r/dot-flow.json","preview_url":null,"raw_code_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":["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"},"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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/paddle-helpers.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/paddle-client.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/pricing-select-cards.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/express-checkout.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/billing-interval-toggle.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/pricing-cards.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/pricing-display.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/checkout-summary.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/inline-checkout.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/subscription-status-card.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/subscription-alert.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/subscription-payment-card.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/plan-change-preview.json","preview_url":null,"raw_code_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":["saas"],"categories":["E-commerce/payments"],"source_url":"https://developer.paddle.com/r/plan-change-breakdown.json","preview_url":null,"raw_code_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":["aesthetic"],"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"},"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":60,"components":[{"name":"zinc","title":"Zinc","description":"The sensible default. Neutral zinc grays that stay out of the way.","type":"registry:theme","tags":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/zinc.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/slate.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/stone.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mono.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/neo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/contrast.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/oxide.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/electric.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/editorial.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/terra.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/sand.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/rose.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/midnight.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/saas.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/ocean.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/frost.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/candy.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/emerald.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/sunset.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/spring.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/summer.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/autumn.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/winter.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/nebula.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mars.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/aurora.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/eclipse.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/synthwave.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/terminal.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/polaroid.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/pixel.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/linear.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/stripe.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/spotify.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/notion.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/sakura.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/lavender.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/reef.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/redwood.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/breaking-bad.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/stranger-things.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/game-of-thrones.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mandalorian.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/squid-game.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/wednesday.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/japan.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/brazil.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/nordic.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/ukraine.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/italy.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/india.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/usa.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/france.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/germany.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/israel.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/south-korea.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mexico.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/apple.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/starbucks.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Theming/styling"],"source_url":"https://paletteui.xyz/r/mcdonalds.json","preview_url":null,"raw_code_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"}]},{"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":[],"categories":["Uncategorized"],"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"},"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":58,"components":[{"name":"hero-basic","title":"Hero Basic","description":"Payload Components proof-of-concept hero block.","type":"registry:block","tags":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/hero-basic.json","preview_url":null,"raw_code_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":"feature-grid-basic","title":"Feature Grid Basic","description":"Text-first Payload feature grid with optional CTA wiring.","type":"registry:block","tags":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/feature-grid-basic.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/feature-split.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/feature-bento.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/feature-steps.json","preview_url":null,"raw_code_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":"embed-basic","title":"Embed Basic","description":"Responsive, accessible sandboxed iframe block for approved HTTPS embeds.","type":"registry:block","tags":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/embed-basic.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/logo-cloud-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/logo-cloud-hover.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/logo-cloud-marquee.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/logo-cloud-inline.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/logo-cloud-inline-wrap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-columns.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-image-lead.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-feature-media.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-feature-split.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-showcase.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-quote.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-community.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/integration-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/integration-cluster.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/integration-split.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/integration-connect.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/integration-orbit.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/integration-list.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/integration-marquee.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/integration-testimonial.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-split-rows.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-rows.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-image-frame.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-stats.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-list.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-list-columns.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/content-list-icons.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/call-to-action-centered.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/call-to-action-boxed.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/call-to-action-signup.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/team-roster.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/team-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/faq-accordion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/faq-split.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/faq-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/faq-icons.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/faq-grouped.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/faq-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/comparator-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/comparator-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/comparator-stack.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/testimonials-quote.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/testimonials-spotlight.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/testimonials-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/testimonials-rating.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/testimonials-bento.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/testimonials-wall.json","preview_url":null,"raw_code_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":"pricing-cards","title":"Pricing Cards","description":"Three-up pricing table of editable plan cards with a highlighted plan.","type":"registry:block","tags":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/pricing-cards.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/pricing-cards-muted.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/pricing-cards-cta.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/pricing-split.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.payload-components.xyz/r/pricing-enterprise.json","preview_url":null,"raw_code_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","components"],"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"},"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","components"],"categories":["Hooks/utilities"],"source_url":"https://pastecn.com/r/ai-sdk","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-hono.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-express.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-nextjs-hooks.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-nextjs-prisma.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-nextjs-drizzle.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-nextjs-typeorm.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-nextjs-mongoose.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-nextjs-sequelize.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-hono-prisma.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-hono-drizzle.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-hono-sequelize.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-hono-mongoose.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-hono-typeorm.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-express-prisma.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-express-drizzle.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-express-sequelize.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-express-mongoose.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/stripe-express-typeorm.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/paystack-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["E-commerce/payments"],"source_url":"https://www.usepaykit.dev/r/paystack-hono.json","preview_url":null,"raw_code_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"],"categories":["Personal/portfolio registry"],"labels":[],"urls":{"website":"https://phucbm.com/components","github":"https://github.com/phucbm/phucbm.com","registry":"https://phucbm.com/r/{name}.json","source":"https://phucbm.com/r/{name}.json","page":"https://sh4dcn.vercel.app/registry/phucbm"},"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":["aesthetic"],"categories":["Niche/single-purpose"],"labels":["recently-updated"],"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"},"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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/accordion.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/alert.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/alert-dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/avatar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/badge.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/breadcrumb.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/calendar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/carousel.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/checkbox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/collapsible.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/dialog.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/input.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/textarea.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/label.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/popover.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/select.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/command.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/context-menu.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/hover-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/tooltip.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/menubar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/spinner.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/toast.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/drawer.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/empty.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://pixelactui.com/r/kbd.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"labels":["featured","popular","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"},"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":60,"components":[{"name":"plate","title":null,"description":"Install Plate package","type":"registry:lib","tags":["ai"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plate.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/plate-ui.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-menu.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/align-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-context-menu.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-selection.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/import-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/export-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/caption.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/font-color-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/comment-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-suggestion.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-discussion.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/cursor-overlay.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-draggable.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/editor.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/select-editor.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/emoji-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/fixed-toolbar-buttons.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/fixed-toolbar-classic-buttons.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/fixed-toolbar.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/floating-toolbar-buttons.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/floating-toolbar-classic-buttons.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/floating-toolbar.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ghost-text.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/history-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/list-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/indent-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/inline-combobox.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/insert-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/insert-toolbar-classic-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/line-height-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/link-toolbar.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/link-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/list-classic-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/mark-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-toolbar.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/media-upload-toast.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/mode-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/more-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/resize-handle.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/table-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toggle-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/turn-into-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/turn-into-toolbar-classic-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/remote-cursor-overlay.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/toolbar.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/suggestion-toolbar-button.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/ai-node.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/block-list.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/blockquote-node.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/callout-node.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-block-node.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-drawing-node.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/code-node.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/column-node.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/comment-node.json","preview_url":null,"raw_code_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"],"categories":["Editor (rich text/code)"],"source_url":"https://platejs.org/r/suggestion-node.json","preview_url":null,"raw_code_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"}]},{"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":["ai","dashboard"],"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"},"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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/prompt-input.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/code-block.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/markdown.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/message.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/chat-container.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/scroll-button.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/loader.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/prompt-suggestion.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/response-stream.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/reasoning.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/file-upload.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/jsx-preview.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/tool.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/source.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/image.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/steps.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/system-message.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/chain-of-thought.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/text-shimmer.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/thinking-bar.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/feedback-bar.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/chatbot.json","preview_url":null,"raw_code_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":["ai","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.prompt-kit.com/c/tool-calling.json","preview_url":null,"raw_code_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":"react","license":"MIT","tags":["components"],"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"},"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":60,"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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-block-handle.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-blockquote.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-bold.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-change-tracking.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-code.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-code-block.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-code-block-themes.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-drop-cursor.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-emoji-rules.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-font-family.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-full.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-gap-cursor.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-hard-break.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-heading.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-highlight.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-horizontal-rule.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-image-view.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-inline-menu.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-italic.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-katex.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-keymap.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-link.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-link-mark-view.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-list.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-list-custom-checkbox.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-loro.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-mark-rule.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-minimal.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-notion.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-page.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-placeholder.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-readonly.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-rtl.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-save-html.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-save-json.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-save-markdown.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-search.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-slash-menu.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-strike.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-sub-sup.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-table.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-text-align.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-text-color.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-toolbar.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-tweet.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-typography.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-underline.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-unmount.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-user-menu.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-user-menu-dynamic.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-view-adapter.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-word-counter.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-example-yjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-sample-define-atom-block.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-sample-katex.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-sample-sample-doc-block-handle.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-sample-sample-doc-bold.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-sample-sample-doc-code.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-sample-sample-doc-code-block.json","preview_url":null,"raw_code_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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://prosekit.dev/r/react-sample-sample-doc-drop-cursor.json","preview_url":null,"raw_code_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"}]},{"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":["saas","aesthetic"],"categories":["Animated components"],"labels":[],"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"},"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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/slide-in-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/network-image.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/animated-underline.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/animated-underline-navbar.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/party-popper.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/parallax-image.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/not-found-page.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/theme-toggle.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/text-scramble.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/tilt-card-glare.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/line-draw-svg.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/fluid-cursor-trail.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/typewriter.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/magnetic-cursor-dock.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/aurora-background.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/svg-morph-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/svg-particle.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/swap-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/stagger-reveal-grid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/handwriting-svg.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/gravity-scroll-cards.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/scroll-linked-video-scrubber.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/horizontal-scroll-gallery.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/infinite-circular-scroll.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/cursor-spotlight.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/scroll-progress.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/resizable-panels.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/number-counter.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/tabs.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/lonely-tab-title.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://pulkit.page/components/lqip-image.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"labels":[],"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"},"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":22,"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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/copy-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/kbd.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/empty-state.json","preview_url":null,"raw_code_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":"Compact metric card showing a label, a big value, and an optional percentage delta with an up/down arrow (green for positive, red for negative). Use it in dash…","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/stat-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/theme-toggle.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/avatar-stack.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/password-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/spinner.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/code-block.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/loading-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/confirm-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/command-palette.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/toast.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/search-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/number-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/otp-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/tag-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/copy-field.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/segmented-control.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/step-indicator.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/rating.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://pulld.pages.dev/r/timeline.json","preview_url":null,"raw_code_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"}]},{"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":["aesthetic","components"],"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"},"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":["dashboard","components"],"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"},"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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/core.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/types.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/client.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-adapter.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-localstorage.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-convex.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-supabase.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-postgres.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/storage-mysql.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/actions.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/react.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/report-form.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/branding.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/report-card.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/localstorage.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/convex.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/supabase.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/postgres.json","preview_url":null,"raw_code_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":["dashboard","components"],"categories":["Hooks/utilities"],"source_url":"https://coderabbit-shadcn-registry.vercel.app/r/mysql.json","preview_url":null,"raw_code_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":["components"],"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"},"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":60,"components":[{"name":"tailwind","title":null,"description":null,"type":"registry:style","tags":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-alertdialog.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-breadcrumbs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-calendar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-checkbox.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-checkboxgroup.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-colorarea.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-colorfield.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-colorpicker.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-colorslider.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-colorswatch.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-colorswatchpicker.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-colorthumb.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-colorwheel.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-combobox.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-commandpalette.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-datefield.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-datepicker.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-daterangepicker.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-dialog.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-disclosure.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-disclosuregroup.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-dropzone.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-field.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-fieldbutton.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-form.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-gridlist.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-link.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-listbox.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-menu.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-meter.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-modal.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-numberfield.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-popover.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-progressbar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-radiogroup.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-rangecalendar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-searchfield.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-select.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-separator.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-slider.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-switch.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-table.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-tabs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-taggroup.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-textfield.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-timefield.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-toast.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-togglebutton.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-togglebuttongroup.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-toolbar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-tooltip.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-tree.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/tailwind-utils.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/css.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/css-breadcrumbs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/css-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/css-calendar.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://react-aria.adobe.com/registry/css-checkbox.json","preview_url":null,"raw_code_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"}]},{"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":["saas","aesthetic"],"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"},"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":60,"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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedContent-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedContent-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedContent-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/AnimatedContent-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlobCursor-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlobCursor-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlobCursor-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/BlobCursor-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ClickSpark-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ClickSpark-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ClickSpark-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ClickSpark-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Crosshair-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Crosshair-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Crosshair-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Crosshair-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Cubes-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Cubes-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Cubes-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Cubes-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ElectricBorder-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ElectricBorder-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ElectricBorder-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ElectricBorder-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FadeContent-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FadeContent-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FadeContent-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/FadeContent-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlareHover-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlareHover-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlareHover-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GlareHover-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradualBlur-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradualBlur-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradualBlur-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GradualBlur-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GhostCursor-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GhostCursor-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GhostCursor-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/GhostCursor-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ImageTrail-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ImageTrail-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ImageTrail-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/ImageTrail-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LogoLoop-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LogoLoop-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LogoLoop-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/LogoLoop-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Magnet-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Magnet-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Magnet-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/Magnet-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagnetLines-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagnetLines-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagnetLines-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MagnetLines-TS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetaBalls-JS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetaBalls-JS-TW.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetaBalls-TS-CSS.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://reactbits.dev/r/MetaBalls-TS-TW.json","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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"],"categories":["Niche/single-purpose"],"source_url":"https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://react-easy-modals-docs.vercel.app/r/styles/{style}/modal-baseui.json","preview_url":null,"raw_code_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":"react","license":null,"tags":["components"],"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"},"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":["components"],"categories":["Hooks/utilities"],"source_url":"https://react-slot.vercel.app/r/slot.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"labels":["featured","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"},"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":60,"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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/soft-blur-in.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/per-character-rise.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/bottom-up-letters.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/top-down-letters.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/spring-scale-in.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/micro-scale-fade.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/scale-down-fade.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/blur-out-up.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/focus-blur-resolve.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/line-by-line-slide.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/per-word-crossfade.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/fade-through.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shared-axis-y.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shared-axis-z.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/short-slide-right.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/kinetic-center-build.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/short-slide-down.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/typewriter.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/inline-highlight.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/strikethrough-replace.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/staggered-fade-up.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/mask-reveal-up.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/tracking-in.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shimmer-sweep.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/marker-highlight.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/slot-machine-roll.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/matrix-decode.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/rgb-glitch-text.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/infinite-marquee.json","preview_url":null,"raw_code_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":"mesh-gradient-bg","title":"Mesh Gradient Background","description":"Living gradient with amorphous color blobs slowly drifting across the frame.","type":"registry:component","tags":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/mesh-gradient-bg.json","preview_url":null,"raw_code_url":"https://www.remocn.dev/r/mesh-gradient-bg.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/mesh-gradient-bg.json","copy_url":"https://www.remocn.dev/r/mesh-gradient-bg.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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-mesh-gradient.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-grain-gradient.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-warp.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-swirl.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-water.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-spiral.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-liquid-metal.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-color-panels.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-neuro-noise.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-perlin-noise.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-simplex-noise.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-voronoi.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-dot-orbit.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-dithering.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-god-rays.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-smoke-ring.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-metaballs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/shader-pulsing-border.json","preview_url":null,"raw_code_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":"dynamic-grid","title":"Dynamic Grid","description":"Subtle moving grid background with configurable cell size and direction.","type":"registry:component","tags":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/dynamic-grid.json","preview_url":null,"raw_code_url":"https://www.remocn.dev/r/dynamic-grid.json","install_command":"npx shadcn@latest add https://www.remocn.dev/r/dynamic-grid.json","copy_url":"https://www.remocn.dev/r/dynamic-grid.json"},{"name":"simulated-cursor","title":"Simulated Cursor","description":"Animated mouse cursor moving between waypoints with click ripple feedback.","type":"registry:component","tags":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/simulated-cursor.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/swirl-dissolve.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/dither-dissolve.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/perlin-dissolve.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/smoke-dissolve.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/wave-wipe.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/ripple-zoom.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/grain-dissolve.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/warp-dissolve.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/whip-pan.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://www.remocn.dev/r/push-through.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard"],"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"},"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":60,"components":[{"name":"StyleLuma","title":null,"description":null,"type":"registry:style","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleLuma.json","preview_url":null,"raw_code_url":"https://rescript-shadcn.miriad.studio/r/StyleLuma.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleLuma.json","copy_url":"https://rescript-shadcn.miriad.studio/r/StyleLuma.json"},{"name":"StyleLyra","title":null,"description":null,"type":"registry:style","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleLyra.json","preview_url":null,"raw_code_url":"https://rescript-shadcn.miriad.studio/r/StyleLyra.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleLyra.json","copy_url":"https://rescript-shadcn.miriad.studio/r/StyleLyra.json"},{"name":"StyleMaia","title":null,"description":null,"type":"registry:style","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleMaia.json","preview_url":null,"raw_code_url":"https://rescript-shadcn.miriad.studio/r/StyleMaia.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleMaia.json","copy_url":"https://rescript-shadcn.miriad.studio/r/StyleMaia.json"},{"name":"StyleMira","title":null,"description":null,"type":"registry:style","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleMira.json","preview_url":null,"raw_code_url":"https://rescript-shadcn.miriad.studio/r/StyleMira.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleMira.json","copy_url":"https://rescript-shadcn.miriad.studio/r/StyleMira.json"},{"name":"StyleNova","title":null,"description":null,"type":"registry:style","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleNova.json","preview_url":null,"raw_code_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":"StyleRhea","title":null,"description":null,"type":"registry:style","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleRhea.json","preview_url":null,"raw_code_url":"https://rescript-shadcn.miriad.studio/r/StyleRhea.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleRhea.json","copy_url":"https://rescript-shadcn.miriad.studio/r/StyleRhea.json"},{"name":"StyleSera","title":null,"description":null,"type":"registry:style","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleSera.json","preview_url":null,"raw_code_url":"https://rescript-shadcn.miriad.studio/r/StyleSera.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleSera.json","copy_url":"https://rescript-shadcn.miriad.studio/r/StyleSera.json"},{"name":"StyleVega","title":null,"description":null,"type":"registry:style","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/StyleVega.json","preview_url":null,"raw_code_url":"https://rescript-shadcn.miriad.studio/r/StyleVega.json","install_command":"npx shadcn@latest add https://rescript-shadcn.miriad.studio/r/StyleVega.json","copy_url":"https://rescript-shadcn.miriad.studio/r/StyleVega.json"},{"name":"Accordion","title":null,"description":null,"type":"registry:ui","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Accordion.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Alert.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AlertDialog.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/AspectRatio.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Attachment.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Avatar.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Badge.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Breadcrumb.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Bubble.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Button.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ButtonGroup.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Calendar.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Card.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Carousel.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Chart.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Checkbox.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Collapsible.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Combobox.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Command.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ContextMenu.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Dialog.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Direction.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Drawer.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/DropdownMenu.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Empty.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Field.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/HoverCard.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Icons.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Input.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/InputGroup.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/InputOtp.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Item.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Kbd.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Label.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Marker.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Menubar.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Message.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/MessageScroller.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/NativeSelect.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/NavigationMenu.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Pagination.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Popover.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Progress.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/RadioGroup.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Resizable.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/ScrollArea.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Select.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Separator.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Sheet.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Sidebar.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Skeleton.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://rescript-shadcn.miriad.studio/r/Slider.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard","aesthetic"],"categories":["Theming/styling"],"labels":["featured","popular","recently-updated"],"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"},"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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/accordion.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/alert.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/alert-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/aspect-ratio.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/avatar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/badge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/breadcrumb.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/button-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/calendar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/checkbox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/collapsible.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/combobox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/command.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/context-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/direction.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/drawer.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/dropdown-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/empty.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/hover-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/input.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/input-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/input-otp.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/item.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/kbd.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/label.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/menubar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/native-select.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/navigation-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/pagination.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/popover.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/progress.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/radio-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/resizable.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/scroll-area.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/select.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/separator.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/sheet.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/sidebar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/skeleton.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/slider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/sonner.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/spinner.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/switch.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/table.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/tabs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/textarea.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/toggle.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/toggle-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://retroui.dev/r/tooltip.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"labels":["featured","popular"],"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"},"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":60,"components":[{"name":"alert","title":"Alert","description":null,"type":"registry:ui","tags":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/alert.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-15.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-16.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-17.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-18.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-19.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-20.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/app-shell-9.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-15.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-16.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-17.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-18.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-19.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-20.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/auth-9.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/autocomplete.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/badge.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/blog-6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://reui.io/r/{style}/c-accordion-9.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard","aesthetic","components"],"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"},"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":60,"components":[{"name":"utils","title":null,"description":null,"type":"registry:item","tags":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/utils.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/utils-tailwind.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/accordion.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/alert-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/autocomplete.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/alert.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/avatar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/background.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/badge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/calendar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/checkbox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/checkbox-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/collapsible.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/combobox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/command.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/context-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/copy-button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/drawer.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/dropdown-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/expandable-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/expandable-card-carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/fieldset.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/form.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/input.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/like-button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/kbd.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/menubar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/meter.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/navigation-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/otp-field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/popover.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/radio.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/scroll-area.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/select.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/separator.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/slider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/switch.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/tabs.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/table.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/toast.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/toggle.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/toggle-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/toolbar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/tooltip.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/progress.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/prop-table.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/number-field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/slider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/card-login.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/card-task.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/card-traffic.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/card-image-section.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/ai-chat.json","preview_url":null,"raw_code_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":["dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://roiui.com/r/card-progress.json","preview_url":null,"raw_code_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"}]},{"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":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"labels":[],"urls":{"website":"https://sabraman.ru/components","github":"N/A","registry":"https://sabraman.ru/r/registry.json","source":"https://sabraman.ru/r/registry.json","page":"https://sh4dcn.vercel.app/registry/sabraman"},"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://sabraman.ru/r/registry.json","install_pnpm":"pnpm dlx shadcn@latest add https://sabraman.ru/r/registry.json","install_bun":"bunx shadcn@latest add https://sabraman.ru/r/registry.json","clone":"git clone N/A.git","clone_degit":"npx degit N/A","registry_fetch":"curl -s https://sabraman.ru/r/registry.json"},"component_count":9,"components":[{"name":"roundbit","title":"Roundbit","description":"Pixel-stepped rounded corners with Tailwind-style utilities, runtime clip-path generation, and a frame primitive for shaped borders and shadows.","type":"registry:item","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/roundbit.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/roundbit.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/roundbit.json","copy_url":"https://sabraman.ru/r/roundbit.json"},{"name":"legacy-wheel-picker","title":"Legacy Wheel Picker","description":"Legacy wheel picker component built on top of @ncdai/react-wheel-picker.","type":"registry:block","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/legacy-wheel-picker.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/legacy-wheel-picker.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/legacy-wheel-picker.json","copy_url":"https://sabraman.ru/r/legacy-wheel-picker.json"},{"name":"legacy-clock","title":"Legacy Clock","description":"Working analog clock icon with live hour, minute, and red seconds hands in day and night variants.","type":"registry:ui","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/legacy-clock.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/legacy-clock.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/legacy-clock.json","copy_url":"https://sabraman.ru/r/legacy-clock.json"},{"name":"legacy-notification","title":"Legacy Notification","description":"Sonner-powered lock-screen notification toast with glossy legacy iOS chrome.","type":"registry:ui","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/legacy-notification.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/legacy-notification.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/legacy-notification.json","copy_url":"https://sabraman.ru/r/legacy-notification.json"},{"name":"legacy-switch","title":"Legacy Switch","description":"Legacy toggle switch built on top of @radix-ui/react-switch.","type":"registry:ui","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/legacy-switch.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/legacy-switch.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/legacy-switch.json","copy_url":"https://sabraman.ru/r/legacy-switch.json"},{"name":"legacy-slider","title":"Legacy Slider","description":"Glossy legacy slider control with a raised metallic thumb and silver-blue track.","type":"registry:ui","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/legacy-slider.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/legacy-slider.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/legacy-slider.json","copy_url":"https://sabraman.ru/r/legacy-slider.json"},{"name":"legacy-code-block-command","title":"Legacy Code Block Command","description":"Skeuomorphic legacy command block with package-manager tabs and clipboard support.","type":"registry:ui","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/legacy-code-block-command.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/legacy-code-block-command.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/legacy-code-block-command.json","copy_url":"https://sabraman.ru/r/legacy-code-block-command.json"},{"name":"legacy-alert-dialog","title":"Legacy Alert Dialog","description":"Muted navy legacy alert dialog with a silver gloss cap, white keyline, and classic confirmation buttons.","type":"registry:ui","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/legacy-alert-dialog.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/legacy-alert-dialog.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/legacy-alert-dialog.json","copy_url":"https://sabraman.ru/r/legacy-alert-dialog.json"},{"name":"legacy-bar-button","title":"Legacy Bar Button","description":"Classic legacy navigation bar button with text, icon, text-icon, backward, accent, and destructive variants.","type":"registry:ui","tags":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://sabraman.ru/r/legacy-bar-button.json","preview_url":null,"raw_code_url":"https://sabraman.ru/r/legacy-bar-button.json","install_command":"npx shadcn@latest add https://sabraman.ru/r/legacy-bar-button.json","copy_url":"https://sabraman.ru/r/legacy-bar-button.json"}]},{"id":"satoriui","name":"@satoriui","slug":"satoriui","description":"Satori UI is a collection of 50+ production-ready React components with physics-based spring-motion animations powered by motion-react (Framer Motion). Components are organized into Components, Interactions, Foundations, and Templates sections. The site highlights a keyboard UI component as a featured example of the tactile, physics-driven feel. Fully accessible, MIT licensed. A Templates and Pricing section suggests freemium or commercial tiers may exist. Tailwind CSS, React, motion-react. Use for: adding premium, spring-physics-driven UI interactions — keyboards, cards, toggles, and micro-interactions — to apps that need a polished, tactile motion feel beyond CSS transitions.","author":null,"framework":"react","license":null,"tags":["saas","aesthetic"],"categories":["Animated components"],"labels":["featured"],"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"},"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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/dotted-modern.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/keyboard.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/security-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/scroll-tracker.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/pro-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/typewriter-loop.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/cyberpunk-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/flip-clock.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/encoded-reveal.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/slide-up-reveal.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/blur-reveal.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/shimmer-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/kinetic-grid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/beacon-badge.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://satoriui.site/r/pulse-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"labels":["recently-updated"],"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"},"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":60,"components":[{"name":"utils","title":"Utils","description":null,"type":"registry:lib","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/utils.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/accordion.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/alert-dialog.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/animated-button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/animated-tabs.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/animated-testimonials.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/animated-textgenerate.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/announcement.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/aspect-ratio.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/avatar.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/avatar-group.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/aurora-dots.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/backgroundmeteors.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/background-paths.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/badge.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/barswave.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/beams-upstream.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/bento-grid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/bolt-strike.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/border-glide.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/button.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/card-flip.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/card-tilt.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/carousel.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/calendar.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/checkbox-pro.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/checklist-cell.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/clock.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/codeblock.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/collapsible.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/columnlines.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/cosmic-background.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/cursor-highlight.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/cursorimagetrail.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/decorated-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/dot-wave.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/draggable-avatar.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/drift-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/dropdown-menu.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/dualsparks.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/electric-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/expandable-cards.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/expandable-dock.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/facescape.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/fancy-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/flashy-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/flex-navbar.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/flipflow.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/flipstack.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/flowing-logos.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/folder.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/folder-tree.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/followcursor.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/glass.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/glowingbordercard.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/globe.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/globe-wireframe.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/gravity.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://www.scrollxui.dev/registry/heroui.json","preview_url":null,"raw_code_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"}]},{"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":["components"],"categories":["Editor (rich text/code)"],"labels":["featured","popular"],"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"},"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":["components"],"categories":["Editor (rich text/code)"],"source_url":"https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/editor-x.json","preview_url":null,"raw_code_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":["dashboard"],"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"},"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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/basic-map.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-custom-tiles.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-markers.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-marker-cluster-group.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-custom-marker-cluster-group.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-custom-markers.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-circle.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-circle-marker.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-polyline.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-polygon.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-rectangle.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-styled-shapes.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-popups-and-tooltips.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-zoom-control.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-layers-control.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-tile-layers-control.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-layer-groups-control.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-feature-groups-control.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-locate-control.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-locate-control-callbacks.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-custom-control-position.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-complex-custom-control-position.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-draw-control.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-draw-control-callback.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-draw-control-specific-shapes.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-search-control.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-search-control-place-select.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-search-control-results-change.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-search-control-configurations.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-custom-control-container.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"http://shadcn-map.vercel.app/r/map-with-fullscreen-control.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","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"},"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":60,"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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-01.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-02.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-03.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-04.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-05.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-06.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-07.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-08.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-09.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-15.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-16.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-17.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-18.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-19.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-20.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-21.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-22.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-23.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-24.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-25.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-26.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/hero-27.json","preview_url":null,"raw_code_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":"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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/integration-01.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/integration-02.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/integration-03.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/integration-04.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-01.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-02.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-03.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-04.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-05.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-06.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-07.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-08.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-09.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/pricing-15.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/bio-link-01.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/bio-link-02.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/bio-link-03.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/bio-link-04.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-01.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-02.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-03.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-04.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-05.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-06.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-07.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-08.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-09.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnspace.com/r/testimonial-10.json","preview_url":null,"raw_code_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"}]},{"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":["saas","dashboard","aesthetic","components"],"categories":["Component library (general)"],"labels":["featured","popular"],"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"},"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":[],"categories":["Uncategorized"],"labels":[],"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"},"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":60,"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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-checklist-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-issue-trends.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-a11y-preferences-panel.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-assistive-tech-matrix.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-contrast-checker-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-focus-order-inspector.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-heading-outline-tree.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-keyboard-nav-guide.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-live-region-log.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-media-captions-audit.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-screen-reader-labels-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-accessibility-touch-target-audit.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-activity-calendar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-activity-heatmap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-approvals-queue.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-audit-export-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-audit-trail-timeline.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-changelog-feed.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-comment-mentions-list.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-comment-thread-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-deploy-activity-feed.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-edit-history-diff.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-filtered-activity-log.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-inactivity-watch-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-live-presence-bar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-member-activity-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-mention-feed.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-pinned-updates-card.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-reaction-activity-feed.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-status-change-log.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-team-activity-feed.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-team-pulse-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-version-history-list.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-activity-who-did-what-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-audit-search-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-automation-rules-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-ban-appeal-panel.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-content-flags-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-escalation-path-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-feature-toggle-admin.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-ip-blocklist-manager.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-moderation-queue.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-moderator-performance-board.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-queue-health-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-report-review-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-role-permissions-matrix.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-admin-moderation-user-admin-table.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-action-approval-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-agent-run-trace.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-ai-usage-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-assistant-chat-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-assistant-empty-state.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-citations-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-context-sources-panel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-conversation-history-list.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-feedback-thumbs-row.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-inline-suggestion-card.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-model-picker-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-prompt-composer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://www.shadcn-ui-blocks.com/r/application-pro-ai-assistant-prompt-library-grid.json","preview_url":null,"raw_code_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"}]},{"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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured"],"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"},"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":60,"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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about15.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about16.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about17.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about18.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about19.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about28.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/about9.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/accept-invite1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/accept-invite2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/address-book1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/address-book2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/application-shell9.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/awards7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern100.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern111.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern112.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern113.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern115.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern116.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern117.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern15.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern16.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnblocks.com/r/background-pattern17.json","preview_url":null,"raw_code_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"}]},{"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured"],"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"},"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":25,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/index.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/style.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/avatar-stack.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/featured-icon.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/marquee.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/page-heading.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/placeholder-logo.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/profile-card.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/section-heading.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/star-rating.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/tagline.json","preview_url":null,"raw_code_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":"image-zoom","title":"Image Zoom","description":"Image zoom is a component that allows you to zoom in on an image.","type":"registry:ui","tags":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/image-zoom.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/banner-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/benefits-13.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/contact-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/faqs-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/footer-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/newsletter-signup-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/testimonials-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/top-navigation-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/semantic-tokens.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/design-system.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/use-carousel.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/use-click-outside.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcncraft.com/r/use-mobile.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"labels":["featured"],"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"},"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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/404-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/banner-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/bento-grid-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/blog-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/comparison-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/contact-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/cta-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/empty-lp-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/faq-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/feature-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/footer-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/gallery-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/header-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/hero-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/logo-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/lp-navbar-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/pattern-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/pricing-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/rich-text-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/stats-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/team-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/testimonials-section-1.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/tagline.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/logo.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-buzzsnap.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-dashstar.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-editly.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-geoaura.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-nanodea.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-orionbo.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-revahub.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/placeholder-logo-starlight.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-purple.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-honey.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-sketchpad.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-soft-orange.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-fast-red.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-night-wind.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-citrus.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-soulslike.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-fresh-lime.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-orbiter.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-neon-forest.json","preview_url":null,"raw_code_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":["ai","aesthetic","components"],"categories":["Design system"],"source_url":"https://shadcndesign-free.vercel.app/r/theme-icecream.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/is-browser.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/create-effect-with-target.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/create-context.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-why-did-you-update.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-update-effect.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-update.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-unmount.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-toggle.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-title.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-timeout.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-throttle-fn.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-throttle-effect.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-throttle.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-text-selection.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-swr.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-stick-to-bottom.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-scroll-lock.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-reset-state.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-query.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-previous.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-os.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-network.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-mouse.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-mount.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-memoized-fn.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-mcp.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-lock-fn.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-latest.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-isomorphic-layout-effect.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-is-online.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-is-match-media.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-is-hydrated.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-interval.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-in-viewport.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-hover.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-hash.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-fullscreen.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-fps.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-event-listener.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-element-size.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-effect-with-target.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-effect-event.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-document-visibility.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-deep-compare-layout-effect.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-deep-compare-effect.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-debounce-fn.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-debounce-effect.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-debounce.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-custom-compare-effect.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-creation.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-counter.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-controllable-value.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-clipboard.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-click-away.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-click-any-where.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-boolean.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-battery.json","preview_url":null,"raw_code_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":["components"],"categories":["Hooks/utilities"],"source_url":"https://shadcn-hooks.com/r/use-active-element.json","preview_url":null,"raw_code_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":["dashboard"],"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"},"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":60,"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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/map.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/usa.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/africa.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/alabama.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/alaska.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/algeria.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/angola.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/argentina.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/arizona.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/arkansas.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/asia.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/australia.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/austria.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/azerbaijan.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/france.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/world.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bahrain.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bangladesh.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/belarus.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/belgium.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bolivia.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/brazil.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/bulgaria.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/california.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/colorado.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cameroon.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/central-america.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/canada.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/caribbean.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/china.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/colombia.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/connecticut.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/costa-rica.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cote-ivoire.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/croatia.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/cuba.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/czech-republic.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/democratic-republic-congo.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/denmark.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/dominican-republic.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ecuador.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/egypt.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/el-salvador.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/estonia.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ethiopia.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/finland.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/germany.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ghana.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/greece.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/guatemala.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/honduras.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/hungary.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/india.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/indonesia.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/iran.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/iraq.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/ireland.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/israel.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/italy.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Maps"],"source_url":"https://shadcnmaps.com/r/japan.json","preview_url":null,"raw_code_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"}]},{"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":[],"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"},"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":60,"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-shell-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-shell-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-shell-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/app-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/chart-6.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/datatable-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/datatable-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/datatable-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/datatable-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/error-page-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/error-page-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/error-page-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/error-page-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/forgot-password-page-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/forgot-password-page-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/forgot-password-page-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/forgot-password-page-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/forgot-password-page-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/forgot-password-page-6.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/login-page-6.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/signup-page-6.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/widget-6.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/category-filter-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/category-filter-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/category-filter-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/checkout-form-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/checkout-form-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/checkout-form-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/checkout-form-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/order-history-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/order-history-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/order-history-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/order-history-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnstore.com/r/product-category-6.json","preview_url":null,"raw_code_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"}]},{"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured"],"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"},"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":60,"components":[{"name":"dot-pattern","title":"Dot Pattern","description":"A simple dot pattern","type":"registry:ui","tags":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/dot-pattern.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/particles.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/animated-grid-pattern.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/marquee.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/accordion-12.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-dialog-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-dialog-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-dialog-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-dialog-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-dialog-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/alert-dialog-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-12.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-13.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-14.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-15.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/avatar-16.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-01.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-02.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-03.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-04.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-05.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-06.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-07.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-08.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-09.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://shadcnui-blocks.com/r/badge-12.json","preview_url":null,"raw_code_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"}]},{"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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"labels":[],"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"},"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":60,"components":[{"name":"chart1","title":"Charts","description":"Chart block with title and single or multi-series data viz.","type":"registry:block","tags":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart10.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart11.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart12.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart13.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart14.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart15.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart16.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart17.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart18.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart19.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart20.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/chart9.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/form-layout1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/form-layout2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-modal3.json","preview_url":null,"raw_code_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-page-layout1","title":"Page layouts","description":"Dashboard page with header and main content area.","type":"registry:block","tags":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-page-layout1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-page-layout2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/dashboard-page-layout3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/sidebar-layout.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/signin-form1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/signin-form2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/signin-form3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/stat-card8.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/table.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/checkout5.json","preview_url":null,"raw_code_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":"product-category1","title":"Product category","description":"Category section with products in a grid or list.","type":"registry:block","tags":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-category4.json","preview_url":null,"raw_code_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-details1","title":"Product details","description":"Product page with image gallery, title, price, and add-to-cart.","type":"registry:block","tags":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details5.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details6.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-details7.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-features1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-features2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://shadcnuikit.com/r/product-list1.json","preview_url":null,"raw_code_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"}]},{"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":"react","license":"MIT","tags":["aesthetic","components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"labels":["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"},"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"],"categories":["Animated components"],"labels":["featured"],"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"},"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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper3.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper4.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper16.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper17.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper19.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper25.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper26.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper28.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper30.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper31.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper34.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper37.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper39.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper40.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper41.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper47.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper48.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper49.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper50.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper51.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper52.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper53.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper54.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper58.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper61.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper62.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper63.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper64.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper65.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper66.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper67.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper87.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper89.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper99.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper101.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper102.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://skiper-ui.com/registry/skiper106.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide-cn-default.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/deck.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/header-with-content.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide-nav.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide-footer.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/navigation-toast.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/horizontal-split.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/vertical-split.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/title-slide.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/slide-image.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/callout.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/code-block.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/gradient-linear.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/gradient-radial.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/reveal.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/timeline.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/sky-theme.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/rose-theme.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://slide-cn.com/r/earth-theme.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"labels":["featured","recently-updated"],"urls":{"website":"https://smoothui.dev","github":"https://github.com/educlopez/smoothui","registry":"https://smoothui.dev/r/registry.json","source":"https://smoothui.dev/r/registry.json","page":"https://sh4dcn.vercel.app/registry/smoothui"},"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":60,"components":[{"name":"cta-1","title":"cta-1","description":"Centered CTA block with radial glow background","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/cta-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/cta-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/cta-3.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/faq-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/faq-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/faq-3.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/faq-4.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/features-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/features-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/features-3.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/footer-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/footer-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/footer-3.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/footer-4.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-3.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-4.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-5.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/header-6.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/logo-cloud-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/logo-cloud-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/logo-cloud-3.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/logo-cloud-4.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/pricing-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/pricing-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/pricing-3.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/shared.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/stats-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/stats-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/team-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/team-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/testimonials-1.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/testimonials-2.json","preview_url":null,"raw_code_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:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/testimonials-3.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/agent-avatar.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/ai-branch.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/ai-input.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-avatar-group.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-file-upload.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-input.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-o-t-p-input.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-progress-bar.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-stepper.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-tabs.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-tags.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-toggle.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/animated-tooltip.json","preview_url":null,"raw_code_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":"app-download-stack","title":"app-download-stack","description":"A AppDownloadStack component for SmoothUI.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/app-download-stack.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/apple-invites.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/basic-accordion.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/basic-dropdown.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/basic-modal.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/basic-toast.json","preview_url":null,"raw_code_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":"book","title":"book","description":"A 3D CSS book component with perspective transforms and hover animation","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/book.json","preview_url":null,"raw_code_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":"breadcrumb","title":"breadcrumb","description":"Animated breadcrumb navigation with stagger-in animation","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/breadcrumb.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/button-copy.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/checkbox.json","preview_url":null,"raw_code_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":"clip-corners-button","title":"clip-corners-button","description":"A ClipCornersButton component for SmoothUI.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/clip-corners-button.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://smoothui.dev/r/combobox.json","preview_url":null,"raw_code_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"}]},{"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":["saas","aesthetic"],"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"},"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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/bento-grid-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/bento-grid-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/bento-grid-3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/bento-grid-4.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/auth-section-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/auth-section-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/auth-section-3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/team-section-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/team-section-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/team-section-3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/team-section-4.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/team-section-5.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/team-section-6.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/team-section-7.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/testimonial-section-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/testimonial-section-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/testimonial-section-3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/testimonial-section-4.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/footer-section-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/footer-section-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/footer-section-3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/footer-section-4.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/footer-section-5.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/footer-section-6.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-section-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-section-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-section-3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-section-4.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-section-5.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-section-6.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-section-7.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-section-8.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/chat-messages-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/chat-messages-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-video-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/hero-video-2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/phone-mockups-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/navbar-section-1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://www.solaceui.com/r/navbar-section-2.json","preview_url":null,"raw_code_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":["aesthetic"],"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"},"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":16,"components":[{"name":"accordion","title":"Accordion","description":"The `Accordion` component allows you to toggle the visibility of content sections. It is useful for FAQs, menus, and more.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/accordion.json","preview_url":null,"raw_code_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":"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/bubble-up-button.json","preview_url":null,"raw_code_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":"circular-dock-menu","title":"Circular Dock Menu","description":"A circular trigger button that fans items out in a radial arc with spring animations.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/circular-dock-menu.json","preview_url":null,"raw_code_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":"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/dot-orbit-shader.json","preview_url":null,"raw_code_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":"expandable-tabs","title":"ExpandableTabs","description":"The `ExpandableTabs` component is a dynamic and interactive UI element designed for creating horizontal tabbed navigation.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/expandable-tabs.json","preview_url":null,"raw_code_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":"fan-view","title":"Fan View","description":"A trigger button that spreads labeled cards into a fanned arc layout with staggered spring animations.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/fan-view.json","preview_url":null,"raw_code_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":"hold-to-delete-button","title":"Hold To Delete Button","description":"A button that reveals a destructive fill animation while held, triggering a callback only after the full hold duration completes.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/hold-to-delete-button.json","preview_url":null,"raw_code_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":"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/link-preview.json","preview_url":null,"raw_code_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":"magnetic-button","title":"Magnetic Button","description":"Component for magnetic-button","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/magnetic-button.json","preview_url":null,"raw_code_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":"marquee","title":"Marquee","description":"The `Marquee` component is a versatile UI element that creates a scrolling marquee effect. It is highly customizable and can adapt to various use cases, such a…","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/marquee.json","preview_url":null,"raw_code_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":"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/mesh-gradient-shader.json","preview_url":null,"raw_code_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":"ripple-button","title":"RippleButton","description":"An interactive button with a ripple effect for modern UIs.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/ripple-button.json","preview_url":null,"raw_code_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":"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/spinning-text.json","preview_url":null,"raw_code_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":"spotlight-card","title":"Spotlight Card","description":"A card with a radial spotlight glow that follows the cursor.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/spotlight-card.json","preview_url":null,"raw_code_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":"stagger-text","title":"StaggerText","description":"A text component with staggered animation.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/stagger-text.json","preview_url":null,"raw_code_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":"vertical-tab","title":"VerticalTab","description":"The `VerticalTab` component is a versatile and interactive UI element designed for creating vertical tabbed navigation. It provides a smooth user experience wi…","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://sona-ui.vercel.app/r/vertical-tab.json","preview_url":null,"raw_code_url":"https://sona-ui.vercel.app/r/vertical-tab.json","install_command":"npx shadcn@latest add https://sona-ui.vercel.app/r/vertical-tab.json","copy_url":"https://sona-ui.vercel.app/r/vertical-tab.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":[],"categories":["Uncategorized"],"labels":["recently-updated"],"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"},"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":57,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/index.json","preview_url":null,"raw_code_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-accordion","title":"Accordion Demo","description":"FAQ accordion with animated panels.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-accordion.json","preview_url":null,"raw_code_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-border-trail","title":"Border Trail Demo","description":"Card with animated border spotlight.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-border-trail.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-border-trail-loading.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-border-trail-textarea.json","preview_url":null,"raw_code_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-trail-reveal","title":"Cursor Trail Reveal Demo","description":"Full-page contact layout with cursor trail image reveals on desktop.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-cursor-trail-reveal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-custom-cursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-dock-nav.json","preview_url":null,"raw_code_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-highlight","title":"Highlight Demo","description":"Shared sliding highlight pill moving between nav items on hover.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-highlight.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-highlight-click.json","preview_url":null,"raw_code_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-logo-carousel-swapper","title":"Logo Carousel Swapper Demo","description":"Staggered four-column logo swapper with blur and vertical motion.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-logo-carousel-swapper.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-magnetic-cards.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-progressive-blur.json","preview_url":null,"raw_code_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-gallery","title":"Scroll Gallery Demo","description":"Sticky scroll slider with 4 slides, strip-mask transitions, and animated title swaps.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-scroll-gallery.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-skeleton.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-sticky-scroll-cards.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-bottom-sheet.json","preview_url":null,"raw_code_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-draw-underline-link","title":"Draw Underline Link Demo","description":"Scrollable catalog preview with two centered link instances.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-draw-underline-link.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-number-flow.json","preview_url":null,"raw_code_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-effect","title":"Text Effect Demo","description":"Scroll-triggered text reveal with blur, fade, slide, and scale presets.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-effect.json","preview_url":null,"raw_code_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-morph","title":"Text Morph Demo","description":"Continue / Confirm pill button with per-character layout morph.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-morph.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-morph-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-reveal-box.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-reveal-mask.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/demo-text-roll.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/hooks-use-auto-height.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/hooks-use-controlled-state.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/hooks-use-prefers-reduced-motion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/lib-ease.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/lib-get-strict-context.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/lib-scroll-trigger-utils.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/char-stagger-button.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/section-cta.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/accordion.json","preview_url":null,"raw_code_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":"border-trail","title":"Border Trail","description":"Animated border spotlight that travels around a rounded container, powered by Motion.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/border-trail.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/cursor-trail-reveal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/custom-cursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/dock-nav.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/highlight.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/logo-carousel-swapper.json","preview_url":null,"raw_code_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 spring away from the cursor with GSAP-driven, velocity-based physics.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/magnetic-cards.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/pixelated-image-reveal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/progressive-blur.json","preview_url":null,"raw_code_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-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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/scroll-gallery.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/skeleton.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/sticky-scroll-cards.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/bottom-sheet.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/draw-underline-link.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/number-flow.json","preview_url":null,"raw_code_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":"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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/text-effect.json","preview_url":null,"raw_code_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-morph","title":"Text Morph","description":"Per-character layout morphing for labels, counters, and live text swaps, powered by Motion.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/text-morph.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/text-reveal-block.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/text-reveal-box.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/text-reveal-mask.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/text-roll.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/text-scramble.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.soralabs.io.vn/r/text-underline.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"labels":["recently-updated"],"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"},"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":60,"components":[{"name":"sound-types","title":"Sound Types","description":"TypeScript type definitions for soundcn sound assets.","type":"registry:lib","tags":["aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/sound-types.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/use-sound.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/sound-engine.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-8bit.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/click-soft.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/switch-on.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/switch-off.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/notification-pop.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/success-chime.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/error-buzz.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/hover-tick.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/jump-8bit.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/coin-collect.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/arcade-mode.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/back-001.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/back-002.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/back-003.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/back-004.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/battle-mode.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/begin.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/belt-handle-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/belt-handle-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/bong-001.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-close.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-flip-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-flip-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-flip-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-open.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-place-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-place-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/book-place-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-fan-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-fan-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-place-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-place-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-place-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-place-4.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shove-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shove-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shove-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shove-4.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-shuffle.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-4.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-5.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-6.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-7.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/card-slide-8.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cards-pack-open-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cards-pack-open-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cards-pack-take-out-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/cards-pack-take-out-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/championship-mode.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chip-lay-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chip-lay-2.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chip-lay-3.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-collide-1.json","preview_url":null,"raw_code_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"],"categories":["Niche/single-purpose"],"source_url":"https://soundcn.xyz/r/chips-collide-2.json","preview_url":null,"raw_code_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"}]},{"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":["ai","dashboard","aesthetic","components"],"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"},"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":60,"components":[{"name":"alert-1","title":"Alert demo","description":"component for the alert-demo","type":"registry:component","tags":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/alert-1.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/alert-2.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/alert-3.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/alert-4.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/animated-card.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/animated-SVG-chart.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/animated-testimonials.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/autosize-textarea-dependecies.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/autosize-textarea-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/autosize-textarea-max-height.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/autosize-textarea-ref.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/autosize-textarea-form.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/autosize-textarea-customize.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-hour-cycle.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-and-time-input.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-year-range.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-locale.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-calendar-settings.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-display-format.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-placeholder.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-granularity.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-disabled.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-ref.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/datetime-picker-form.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/dual-range-slider-dependecies.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/dual-range-slider-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/dual-range-slider-custom-label.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/dual-range-slider-label-position.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/dual-range-slider-single.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/event-badge-3d.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/event-calendar.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/feedback-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/floating-label-input.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/floating-label-input-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/floating-label-customize.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/floating-label-form.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/footers-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/animated-wave-footer.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/stackedcircular-footer.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/floatingparticle-footer.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/footer.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/http-status-code.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/image-preview.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/image-preview.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/infinite-scroll-dependecies.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/infinite-scroll-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/loading-button-dependencies.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/loading-button-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/loading-button-usage.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/loading-button-as-child.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/multiple-selector-dependencies.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/inline-code.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/input-model.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/multiple-selector-demo.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/multiple-selector-with-disable-options.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/multiple-selector-disabled.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/multiple-selector-no-default-select.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/multiple-selector-controlled.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://ui.spectrumhq.in/r/multiple-selector-hide-clear-all.json","preview_url":null,"raw_code_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"}]},{"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":["aesthetic"],"categories":["Animated components"],"labels":["featured","popular","recently-updated"],"urls":{"website":"https://spell.sh","github":"https://github.com/xxtomm/spell-ui","registry":"https://spell.sh/r/registry.json","source":"https://spell.sh/r/registry.json","page":"https://sh4dcn.vercel.app/registry/spell"},"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/chart.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/blur-reveal.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/perspective-book.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/badge.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/color-selector.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/special-text.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/shimmer-text.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/highlighted-text.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/rich-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/kbd.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/label-input.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/spinner.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/bars-spinner.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/flow-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/slide-up-text.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/copy-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/text-marquee.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/words-stagger.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/tilt-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/marquee.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/signature.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/randomized-text.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/pop-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/tweet.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/spotify-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/light-rays.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/animated-gradient.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/animated-checkbox.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/exploding-input.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/gradient-wave-text.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/logos-carousel.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/qr-code.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://spell.sh/r/fallback-avatar.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Dashboard/admin templates"],"labels":["featured","popular","recently-updated"],"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"},"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":["components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://francozeta-stepper.vercel.app/stepper.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://francozeta-stepper.vercel.app/stepper-demo.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://francozeta-stepper.vercel.app/stepper-intent-onboarding.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"labels":["featured","popular","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"},"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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/password-based-auth-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/password-based-auth-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/password-based-auth-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/password-based-auth-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/social-auth-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/social-auth-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/social-auth-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/social-auth-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-cursor-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-cursor-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-cursor-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-cursor-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/current-user-avatar-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/current-user-avatar-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/current-user-avatar-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/current-user-avatar-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-avatar-stack-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-avatar-stack-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-avatar-stack-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-avatar-stack-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-chat-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-chat-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-chat-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-chat-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-flow-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-flow-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-flow-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-flow-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-monaco-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-monaco-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-monaco-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-monaco-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/infinite-query-hook.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/tanstack-db-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/supabase-client-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/supabase-client-react.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/supabase-client-react-router.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/supabase-client-tanstack.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/platform-kit-nextjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/supabase-client-nuxtjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/supabase-client-vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/password-based-auth-nuxtjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/password-based-auth-vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/social-auth-vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/social-auth-nuxtjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-nuxtjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/dropzone-vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-cursor-nuxtjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-cursor-vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/current-user-avatar-nuxtjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/current-user-avatar-vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-avatar-stack-nuxtjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-avatar-stack-vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-chat-nuxtjs.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/realtime-chat-vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://supabase.com/ui/r/infinite-query-composable.json","preview_url":null,"raw_code_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":"react","license":"MIT","tags":["components"],"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"},"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":60,"components":[{"name":"plausible-analytics","title":"plausible-analytics","description":null,"type":"registry:component","tags":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/plausible-analytics.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ivy-framework.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/zaia-endless.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/langchain.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/granola.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nvidia.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/proton-mail.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/proton-vpn.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/google-classroom.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/google-antigravity.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/kimi.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/zyft.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/perspective.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/windsurf.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mattermost.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/inngest.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/daisyui.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/paypal.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/google-drive.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/amazon-q.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mulesoft.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/uv.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/milanote.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/together-ai.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/suno.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/groq.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/cohere.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ollama.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/cisco.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/animate.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/apolloio.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/blender.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/lua.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mercado-libre.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/mercado-pago.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/basewell.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ahooks.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/discord.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/aliexpress.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/preact.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/react.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/svelte.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/vue.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/vuetify.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxt.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxt-ui.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxt-content.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxt-studio.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/nuxthub.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/docus.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/visual-studio-code.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/ton.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/locofy.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/runway.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/yarn.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/jwt.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/strapi.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/figma.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/spotify.json","preview_url":null,"raw_code_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":["components"],"categories":["Icons/logos"],"source_url":"https://svgl.app/r/workos.json","preview_url":null,"raw_code_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"}]},{"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":["aesthetic"],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/index.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/animated-menu.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/container-stagger.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/full-screen-navigation-menu.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/globe.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/grid-bento.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/header.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/image-player.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/shader.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/slideshow.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/story.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/timeline.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-curtain-reveal.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-flip.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-hover-reveal.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-testimonial.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/cards-stack.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/cards-stack-rotated.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/checkbox-field.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/custom-cursor.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/pulse.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/rating-stars.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/reveal-mask.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/spotlight-list.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/animated-menu-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/animated-menu-2-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/animated-menu-full-screen-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/container-stagger-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/container-stagger-2-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/full-screen-navigation-menu-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/globe-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/grid-bento-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/grid-bento-four-cells-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/grid-bento-three-cells-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/header-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/image-player-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/shader-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/shader-hurricane-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/slideshow-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/story-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/timeline-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-curtain-reveal-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-flip-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-hover-reveal-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-hover-reveal-full-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-testimonial-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/card-testimonial-2-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/cards-stack-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/cards-stack-achievements-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/cards-stack-rotated-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/cards-stack-rotated-recognitions-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/cards-stack-full-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/hover-preview-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/checkbox-field-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/custom-cursor-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/custom-cursor-2-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/rating-stars-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/reveal-mask-demo.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://systaliko-ui.vercel.app/r/spotlight-list-demo.json","preview_url":null,"raw_code_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"}]},{"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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":["featured","popular"],"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"},"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":60,"components":[{"name":"call-to-action-1","title":"Call To Action 1","description":"Shadcn/ui call to action block","type":"registry:block","tags":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/call-to-action-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/call-to-action-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/call-to-action-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/comparator-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-6.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/content-7.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/faqs-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/faqs-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/faqs-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/faqs-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-6.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-7.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-8.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-9.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-10.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-11.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/features-12.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/footer-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-5.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-6.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-7.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-8.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/hero-section-9.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/login-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/login-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/login-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/sign-up-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/sign-up-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/sign-up-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/forgot-password-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/forgot-password-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/stats-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/stats-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/stats-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/stats-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/team-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/team-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-1.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-2.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-3.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-4.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://tailark.com/r/testimonials-5.json","preview_url":null,"raw_code_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"}]},{"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","dashboard","components"],"categories":["Component library (general)"],"labels":["popular","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"},"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":60,"components":[{"name":"accordion","title":null,"description":"Fully accessible accordion component with multiple style variants","type":"registry:ui","tags":["ai","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/accordion.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/alert.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/alert-dialog.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/aspect-ratio.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/avatar.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/badge.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/breadcrumbs.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/button.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/button-group.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/calendar.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/card.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/carousel.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/chart.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/checkbox.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/collapsible.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/context-menu.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/combobox.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/command.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/date-field.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/date-picker.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/description.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/dialog.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/drawer.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/dropdown.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/field.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/hover-card.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/input.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/input-group.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/label.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/link.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/list.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/menubar.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/native-select.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/navigation-menu.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/number-field.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/otp-input.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/overlay.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/pagination.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/popover.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/progress.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/radio-input.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/range-calendar.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/resizable.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/scroll-area.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/select.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/separator.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/sheet.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/sidebar.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/skeleton.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/slider.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/social-button.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/spinner.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/table.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/tabs.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/text-area.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/text-field.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/time-field.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/time-picker.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/toast.json","preview_url":null,"raw_code_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","dashboard","components"],"categories":["Component library (general)"],"source_url":"https://tailgrids.com/docs/r/toggle.json","preview_url":null,"raw_code_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"}]},{"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":"react","license":"MIT","tags":["saas","dashboard"],"categories":["Dashboard/admin templates"],"labels":["featured"],"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"},"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":60,"components":[{"name":"download-banner","title":null,"description":"A banner component with optional code display for UI blocks.","type":"registry:component","tags":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/download-banner.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/empty-banner.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/error-banner.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/greeting-banner.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/mutual-banner.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/notification-banner.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/welcome-banner.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/best-selling-product.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/top-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/blog-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/feed-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/gift-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/music-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/payment-gateways.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/poll-of-week.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/poll-result.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/products-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/profile-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/recent-comments.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/recent-messages.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/recent-transaction.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/review-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/settings-card.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/social-card.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/social-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/social-post.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/task-list.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/upcomming-activities.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/user-cards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/user-info-card.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/user-profile-card.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/login-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/login-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/login-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/login-4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/signup-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/signup-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/signup-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/signup-4.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/otp-1.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/otp-2.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/otp-3.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/current-value-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/current-year-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/customers-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/earned-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/expnace-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/followers-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/income-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/monthly-earning-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/most-visited-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/page-impression-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/projects-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/revenue-updates-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/sales-overview-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/total-earnigs-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/views-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/weekly-stats-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/yarly-breakup-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Dashboard/admin templates"],"source_url":"https://tailwind-admin.com/r/yearly-sales-chart.json","preview_url":null,"raw_code_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"}]},{"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":["ai","dashboard","aesthetic"],"categories":["Dashboard/admin templates"],"labels":[],"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"},"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":["aesthetic","components"],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/index.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/style.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/alert.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/avatar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/badge.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/breadcrumb.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/button.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/button-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/calendar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/card.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/carousel.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/chart.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/checkbox.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/combobox.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/command.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/date-field.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/date-picker.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/date-range-picker.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/description.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/dialog.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/modal.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/disclosure.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/drawer.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/empty.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/field.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/file-trigger.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/grid-list.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/hover-card.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/input.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/input-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/input-otp.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/item.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/label.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/link-button.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/list-box.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/menu.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/number-field.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/pagination.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/popover.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/progress-bar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/radio-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/range-calendar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/resizable.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/search-field.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/select.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/separator.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/sheet.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/sidebar.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/skeleton.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/slider.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/sonner.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/spinner.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/switch.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/table.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/tag-group.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/tabs.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/textarea.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/text-field.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/time-field.json","preview_url":null,"raw_code_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":["aesthetic","components"],"categories":["Component library (general)"],"source_url":"https://taki-ui.com/r/toggle-button.json","preview_url":null,"raw_code_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"}]},{"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":["ai","dashboard","aesthetic"],"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"},"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":60,"components":[{"name":"ink/types","title":"Types","description":"Shared terminal theme and provider types.","type":"registry:file","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/types.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/alert.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/app-shell.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/aspect-ratio.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/badge.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/banner.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/bar-chart.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/big-text.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/box.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/breadcrumb.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/bullet-list.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/card.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/center.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/chat-message.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/chat-thread.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/checkbox.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/checkbox-group.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/clipboard.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/clock.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/code.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/color-picker.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/columns.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/command-palette.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/confirm.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/conversation-history.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/data-grid.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/date-picker.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/definition.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/dialog.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/diff-view.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/digits.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/directory-tree.json","preview_url":null,"raw_code_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/divider","title":"Divider","description":"Horizontal or vertical divider / rule","type":"registry:ui","tags":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/divider.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/drawer.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/email-input.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/embedded-terminal.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/error-boundary.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/error-retry.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/file-change.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/file-picker.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/form.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/form-field.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/gauge.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/git-status.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/gradient.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/grid.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/heading.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/heat-map.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/help.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/help-screen.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/image.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/info-box.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/json.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/key-value.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/keyboard-shortcuts.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/line-chart.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/link.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/list.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/log.json","preview_url":null,"raw_code_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":["ai","dashboard","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://termcn.vercel.app/r/ink/login-flow.json","preview_url":null,"raw_code_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"}]},{"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"],"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"},"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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/map.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/marker.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/popup.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/controls.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/circle-cluster.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/marker-animated.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/line.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/line-animated.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/animated-pulse.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/rain.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/raster-video.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/image.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/mini-map.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/compare.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/sync.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/arc-animated.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/camera-follow.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/circle.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/animated-circle.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/blur-area.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/targeting-reticle.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/radar.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/watermark.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/compass.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/line-radial.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/polygon.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/animated-polygon.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/choropleth.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/animated-footprint.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/fire.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/explosion.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/cyclone.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/music-disc.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/steam.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/tsunami.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/sandstorm.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/snow.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/meteor.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/lightning.json","preview_url":null,"raw_code_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"],"categories":["Maps"],"source_url":"https://www.terrae.dev/grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/accordion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/action-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/badge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/checkbox.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/choicebox.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/chip.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/empty.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/form.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/heading.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/icons.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/inline-list.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/label.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/menu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/bottom-sheet.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/native-sheet.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/otp-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/password-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/popover.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/progress.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/radio.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/portal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/search-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/separator.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/skeleton.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/slider.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/slot.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/stack.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/switch.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/text.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/text-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/textarea-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://tetra-ui.com/r/toast.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"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"},"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":["saas","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://joelachance.github.io/text-ui/r/echo-text.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"labels":["recently-updated"],"urls":{"website":"https://thegridcn.com","github":"https://github.com/educlopez/thegridcn-ui","registry":"https://thegridcn.com/r/registry.json","source":"https://thegridcn.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/thegridcn"},"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":60,"components":[{"name":"accordion","title":"Accordion","description":null,"type":"registry:component","tags":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/accordion.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/alert.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/alert.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/alert-dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/anomaly-banner.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/arrival-panel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/aspect-ratio.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/avatar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/badge.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/beam-marker.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/breadcrumb.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/button.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/button-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/calendar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/carousel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/chart.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/checkbox.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/circuit-background.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/collapsible.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/command.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/context-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/crt-effect.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/data-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/dialog.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/drawer.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/dropdown-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/empty.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/field.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/floating-panel.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/form.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/glow-container.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/grid.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/grid-floor.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/grid-scan-overlay.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/hover-card.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/hud.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/hud-corner-frame.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/input.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/input-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/input-otp.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/item.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/kbd.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/label.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/location-display.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/map.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/menubar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/navigation-menu.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/pagination.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/popover.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/progress.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/radio-group.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/scroll-area.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/select.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/separator.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/sheet.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/sidebar.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/skeleton.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/slider.json","preview_url":null,"raw_code_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":["dashboard","aesthetic"],"categories":["Theming/styling"],"source_url":"https://thegridcn.com/r/sonner.json","preview_url":null,"raw_code_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"}]},{"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":["mobile","aesthetic"],"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"},"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":["mobile","aesthetic"],"categories":["Niche/single-purpose"],"source_url":"https://tocn.vercel.app/r/table-of-contents.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/button.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/tooltip.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/icon-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/color-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/elevation-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/duration-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/spacing-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/typography-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/order-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/radius-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/font-family-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/font-weight-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/number-token.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/color-swatch.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/color-contrast.json","preview_url":null,"raw_code_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":["components"],"categories":["Design system"],"source_url":"https://www.tokenui.dev/r/color-palette.json","preview_url":null,"raw_code_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","dashboard"],"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"},"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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/approval-card.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/audio.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/chart.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/citation.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/code-block.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/code-diff.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/data-table.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/geo-map.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/image.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/image-gallery.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/instagram-post.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/item-carousel.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/link-preview.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/linkedin-post.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/message-draft.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/option-list.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/order-summary.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/parameter-slider.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/plan.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/preferences-panel.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/progress-tracker.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/question-flow.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/stats-display.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/terminal.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/video.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/weather-widget.json","preview_url":null,"raw_code_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","dashboard"],"categories":["AI/chat UI"],"source_url":"https://www.tool-ui.com/r/x-post.json","preview_url":null,"raw_code_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":["saas"],"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"},"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":["saas"],"categories":["Niche/single-purpose"],"source_url":"https://onboarding-tour.vercel.app/r/tour.json","preview_url":null,"raw_code_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":["saas","dashboard"],"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"},"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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/index.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/streak-badge.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/streak-calendar.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/streak-card.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-badge.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-grid.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-list.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-unlocked.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/achievement-card.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/leaderboard-rankings.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/leaderboard-podium.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/leaderboard-card.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-badge.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-chart.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-awards.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-levels-timeline.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-levels-list.json","preview_url":null,"raw_code_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":["saas","dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://ui.trophy.so/r/points-boost.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/before-after-card.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/bmi-card.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/input.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/masked-input.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/multiple-choice.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/single-choice.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/progress-cells.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/progress-stretch.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/progress-numbered.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://ui.turbopills.com/r/progress-solid.json","preview_url":null,"raw_code_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"],"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"},"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"],"categories":["Hooks/utilities"],"source_url":"https://typedora-ui.netlify.app/r/typed-utils.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://typedora-ui.netlify.app/r/typed-select.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://typedora-ui.netlify.app/r/typed-radio-group.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://typedora-ui.netlify.app/r/typed-combobox.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"labels":["featured","popular","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"},"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":60,"components":[{"name":"btn-bg-shine","title":null,"description":null,"type":"registry:component","tags":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-bg-shine.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-animated-gradient.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/button-active.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/button-hover-right.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-creative-right.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-creative-top.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-click-down.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-hover-down.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-hover-multiple.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-hover-underline.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-hover-top-flip.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-hover-left-flip.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-hover-top-slowflip.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-text-change.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-cross-arrow.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-black-shadow.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-hover-outline.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-arrow-right.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/btn-rotating-gradient.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/color-picker.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/default-color-picker.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/raws-color-picker.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/motion-number-upvotes.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/motion-number-input.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/motion-number-slider.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/number-flow-trading.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/noise-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/scroll-text.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/text-scroll-animation.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/scroll-text-marquee.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/scroll-text-marquee-unidirectional.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/scroll-text-marquee-bidirectional.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/randomized-text-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/randomized-text-unveil.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/globe.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/card-globe.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/card-globe-white.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/img-ripple-effect.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/r3f-blob.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/mesh-shadergradient.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/mesh-gradient-background3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/mesh-gradient-background2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/mesh-gradient-background.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/animated-logo-footer.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/hover-footer.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/responsive-header.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/responsive-header-default.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/boxgrid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/conditionGrid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/normalGrid.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/buyme-acoffee.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/stripecard.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/creative-hover-card.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/stripecard2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/hovercard1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/hovercard2.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/hovercard3.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/hovercard4.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/productcard1.json","preview_url":null,"raw_code_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":["saas","aesthetic"],"categories":["Animated components"],"source_url":"https://ui-layouts.com/r/productcard2.json","preview_url":null,"raw_code_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"}]},{"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":["ai","dashboard","mobile","aesthetic"],"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"},"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":27,"components":[{"name":"ascii-renderer","title":null,"description":null,"type":"registry:block","tags":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/ascii-renderer.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/background-pixel-stars.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/background-shapes.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/card-stack.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/carousel-3d.json","preview_url":null,"raw_code_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":"dynamic-ai-composer","title":null,"description":null,"type":"registry:block","tags":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/dynamic-ai-composer.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/dynamic-island.json","preview_url":null,"raw_code_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":"emerald-template","title":null,"description":null,"type":"registry:block","tags":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/emerald-template.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/expanding-header-menu.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/feed.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/filter-bar.json","preview_url":null,"raw_code_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":"geometric-orb","title":null,"description":null,"type":"registry:block","tags":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/geometric-orb.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/gradient-orb.json","preview_url":null,"raw_code_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":"infinite-grid","title":null,"description":null,"type":"registry:block","tags":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/infinite-grid.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/ios-volume-slider.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/light-dark-toggle.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/like-button.json","preview_url":null,"raw_code_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":"particle-orb","title":null,"description":null,"type":"registry:block","tags":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/particle-orb.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/radial-slider.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/sidebar.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/snail-timer.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/spinner-pixel-grid.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/spreadsheet.json","preview_url":null,"raw_code_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":"tesla-climate","title":null,"description":null,"type":"registry:block","tags":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/tesla-climate.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/tooltip-grid.json","preview_url":null,"raw_code_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":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/voice-dictator.json","preview_url":null,"raw_code_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":"wireframe-orb","title":null,"description":null,"type":"registry:block","tags":["ai","dashboard","mobile","aesthetic"],"categories":["Personal/portfolio registry"],"source_url":"https://uicapsule.com/r/wireframe-orb.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"labels":["featured","popular","recently-updated"],"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"},"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":60,"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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/about-us-page-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/about-us-section-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/about-us-section-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/ai-chat-interface-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/ai-glow-input-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/ai-loading-skeleton-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/ai-response-typing-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/ai-unlock-animation-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-accordion-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-card-stack-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-card-stack-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-checkbox-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-dialog-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-list-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-navbar-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-pagination-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-profile-menu-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-progress-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-quote-block-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-radio-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-select-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-sidebar-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-tabs-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/animated-tooltip-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/auto-revealing-heading-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/avatar-group-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/bento-grid-block-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/bento-grid-block-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/blog-block-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/blog-block-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/blog-typography-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/bottom-modal.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/browse-folder-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/browse-folder-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cards-slider-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cash-flow-chart.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/chat-app-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cinema-ticket-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cinema-ticket-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/command-palette-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/comment-thread-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/conference-ticket-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/conference-ticket-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/contact-block-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/contact-block-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/contact-form-section-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/contact-form-section-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/context-menu-bubble-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/context-menu-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/course-content-page-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/credit-card-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/credit-card-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cta-banner-section-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cta-banner-section-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cta-block-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cta-block-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cta-hero-block-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/cta-hero-block-shadcnui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/currency-converter-card-baseui.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.tripled.work/r/currency-converter-card-shadcnui.json","preview_url":null,"raw_code_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"}]},{"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"],"categories":["Animated components"],"labels":[],"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"},"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":60,"components":[{"name":"index","title":null,"description":null,"type":"registry:style","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/index.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/gravity-stars.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/pixel.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/pixel-liquid-bg.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/square-pattern.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/wave-background.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/copy.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/glow.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/refresh.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/cards-view-icon.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/compact-view-icon.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/list-view-icon.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/sidebar-toggle-icon.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/aurora-blur.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/aurora-card.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/blob-card.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/ai-chat.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/animate-count.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/animate-digits.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/animate-text-input-typing.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/animated-list.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/apple-switch.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/aurora-bars.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/clipped-circle.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/command-menu.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/count-up.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/cursor.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/cursor-image-trail.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/dia-text-reveal.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/dock.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/expand-menu.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/expandable-navbar.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/favicon-search.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/file-tree.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/floating-navbar.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/floating-tooltip.json","preview_url":null,"raw_code_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":"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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/glowing-badge.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/gooey-navbar-menu.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/gooey-svg-filter.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/highlight.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/horizontal-depth-fade.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/hover-expand.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/hover-feature-cards.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/hover-image-list.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/inline-testimonials.json","preview_url":null,"raw_code_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 realistic keycap style.","type":"registry:ui","tags":["aesthetic"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/kbd.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/magnetic-button.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/math-graph.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/matrix.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/matrix-image.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/motion-faqs-accordion.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/motion-navigation-menu.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/motion-subtitle.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/motion-tabs-menu.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/nextjs-ship.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/orbital-image-wheel.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/orbiting-skills.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/page-transition.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/perspective-flow.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.unlumen.com/r/pinned-list.json","preview_url":null,"raw_code_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"}]},{"id":"untld","name":"@untld","slug":"untld","description":"A set of beautifully designed components for modern web applications.","author":null,"framework":"react","license":null,"tags":[],"categories":["Uncategorized"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://ui.untldlabs.com/r/ai-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://ui.untldlabs.com/r/page-dock.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"labels":["featured","recently-updated"],"urls":{"website":"https://uselayouts.com","github":"https://github.com/iurvish/uselayouts","registry":"https://uselayouts.com/r/registry.json","source":"https://uselayouts.com/r/registry.json","page":"https://sh4dcn.vercel.app/registry/uselayouts"},"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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/3d-book.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/animated-collection.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/bottom-menu.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/day-picker.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/delete-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/discover-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/discrete-tabs.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/dynamic-toolbar.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/expandable-gallery.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/feature-carousel.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/folder-interaction.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/inline-edit.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/list-item.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/morphing-input.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/multi-step-form.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/pricing-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/shake-testimonial-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/smooth-dropdown.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/status-button.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/vertical-tabs.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/stacked-list.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/bucket.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/fluid-expanding-grid.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/bento-card.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/magnified-bento.json","preview_url":null,"raw_code_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":["aesthetic"],"categories":["Animated components"],"source_url":"https://uselayouts.com/r/empty-testimonial.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://uui.app/r/cards-shader-effect.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uui.app/r/dropbox-upload.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uui.app/r/family-signin-drawer.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uui.app/r/snapchat-loader.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uui.app/r/sora-theme-picker.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uui.app/r/text-shimmer-animation-on-hover.json","preview_url":null,"raw_code_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"],"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"},"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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/capitalize-all.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/capitalize.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/repeat-pad.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/reverse-string.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/to-camel-case.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/to-kebab-case.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/to-pascal-case.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/to-snake-case.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/truncate-string.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/generate-presigned-download-url.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/generate-presigned-upload-url.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/download-file.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/upload-file.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/env-server.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/upload-multiple-files.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/chatgpt-app.json","preview_url":null,"raw_code_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"],"categories":["Hooks/utilities"],"source_url":"https://utilcn.dev/r/chatgpt-app-backend.json","preview_url":null,"raw_code_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":["components"],"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"},"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":["components"],"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"},"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":["components"],"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"},"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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://waves-cn.vercel.app/r/wave-cn.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://waves-cn.vercel.app/r/wave-player.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://waves-cn.vercel.app/r/wave-recorder.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://waves-cn.vercel.app/r/wave-speed.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://waves-cn.vercel.app/r/wave-zoom.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://waves-cn.vercel.app/r/wave-video.json","preview_url":null,"raw_code_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":["components"],"categories":["Niche/single-purpose"],"source_url":"https://waves-cn.vercel.app/r/wave-timeline.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"labels":["recently-updated"],"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"},"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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/loading-swap.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/action-button.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/number-input.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/multi-select.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/password-input.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/loading-swap-experimental.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/action-button-experimental.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/number-input-experimental.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/multi-select-experimental.json","preview_url":null,"raw_code_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":["components"],"categories":["Component library (general)"],"source_url":"https://wds-shadcn-registry.netlify.app/r/password-input-experimental.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"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"},"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":42,"components":[{"name":"liquid-multimodal-input","title":"Liquid Multimodal Input","description":"Expanding prompt area with a glowing drop-zone.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/liquid-multimodal-input.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/generative-skeleton-mesh.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/voice-aurora-wave.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/model-context-switcher.json","preview_url":null,"raw_code_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":"dynamic-island-toast","title":"Dynamic Island Toast","description":"A pixel-faithful Apple Dynamic Island that morphs, splits, and hosts live activities.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dynamic-island-toast.json","preview_url":null,"raw_code_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dynamic-island-toast.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dynamic-island-toast.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dynamic-island-toast.json"},{"name":"infinite-marquee","title":"Infinite Marquee","description":"Seamless, GPU-only logo strip that never stutters.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/infinite-marquee.json","preview_url":null,"raw_code_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":"apple-sticky-scroll-sequence","title":"Apple-Style Sticky Scroll","description":"A pinned cinematic section that morphs in lock-step with scroll.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/apple-sticky-scroll-sequence.json","preview_url":null,"raw_code_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/apple-sticky-scroll-sequence.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/apple-sticky-scroll-sequence.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/apple-sticky-scroll-sequence.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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/morphing-shape-background.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/scrubbable-video-reveal.json","preview_url":null,"raw_code_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":"button","title":"Button","description":"Accessible button with variants, sizes, icons, and loading state.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/button.json","preview_url":null,"raw_code_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":"input","title":"Input","description":"Accessible text input with label, hint, error, icons, and clear action.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/input.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/text-area.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/select.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/form-field.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/badge.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/checkbox.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/switch.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/radio-group.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/toggle.json","preview_url":null,"raw_code_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":"bento-grid","title":"Bento Grid","description":"Responsive bento-style grid layout.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/bento-grid.json","preview_url":null,"raw_code_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/bento-grid.json","install_command":"npx shadcn@latest add https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/bento-grid.json","copy_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/bento-grid.json"},{"name":"label","title":"Label","description":"Accessible form label with default, required, optional, muted, and inline variants.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/label.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/input-otp.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/combobox.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/avatar.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/table.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/progress.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/alert.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/skeleton.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/spinner.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/toast.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/dialog.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/sheet.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/drawer.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/popover.json","preview_url":null,"raw_code_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, cursor tracking, and interactive links.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/tooltip.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/tabs.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/breadcrumb.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/pagination.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/card.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/separator.json","preview_url":null,"raw_code_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":"resizable","title":"Resizable","description":"Flexible resizable layouts featuring draggable splitter bars, panel snappers, and local persistence.","type":"registry:block","tags":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/resizable.json","preview_url":null,"raw_code_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":["saas","ai","aesthetic"],"categories":["AI/chat UI"],"source_url":"https://raw.githubusercontent.com/ksparth12/wensity-shadcn-registry/main/hover-card.json","preview_url":null,"raw_code_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"}]},{"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":["dashboard"],"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"},"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":60,"components":[{"name":"widget","title":null,"description":null,"type":"registry:ui","tags":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/widget.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/icons.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/avatar.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/badge.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/button.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/carousel.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/circular-progress.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/dialog.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/dropdown-menu.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/input.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/label.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/popover.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/progress.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/select.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/scroll-area.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/separator.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/switch.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/tabs.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/textarea.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/tooltip.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/item.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/wheel-picker.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/utils.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-01.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-02.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-03.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-04.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-05.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-06.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-07.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-08.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-09.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-sm-10.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-md-01.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-md-02.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-md-03.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-md-04.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-md-05.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-md-06.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-01.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-02.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-03.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-04.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-05.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/calendar-lg-06.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-01.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-02.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-03.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-04.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-05.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-06.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-07.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-08.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-09.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-10.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-11.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-12.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/clock-sm-13.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-01.json","preview_url":null,"raw_code_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":["dashboard"],"categories":["Niche/single-purpose"],"source_url":"https://wigggle-ui.vercel.app/r/dashboard-sm-02.json","preview_url":null,"raw_code_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"}]},{"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":[],"categories":["Uncategorized"],"labels":[],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://shadcn-heatmap.pages.dev/r/calendar-heatmap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://shadcn-heatmap.pages.dev/r/weekday-heatmap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://shadcn-heatmap.pages.dev/r/date-heatmap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://shadcn-heatmap.pages.dev/r/status-heatmap.json","preview_url":null,"raw_code_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"],"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"},"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"],"categories":["Animated components"],"source_url":"https://ui.radiumcoders.com/r/xcn/animated-cards.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.radiumcoders.com/r/xcn/motion-btn.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.radiumcoders.com/r/xcn/scroll-bars.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.radiumcoders.com/r/xcn/animated-testimonials.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.radiumcoders.com/r/xcn/skeuomorphic-buttons.json","preview_url":null,"raw_code_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"],"categories":["Animated components"],"source_url":"https://ui.radiumcoders.com/r/xcn/stamp.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"labels":[],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/pricing-table.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/trial-banner.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/usage-meter.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/onboarding-steps.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/upgrade-modal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/team-invite.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/invoice-row.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/plan-badge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/api-key-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://saaskit-theta.vercel.app/r/feature-gate.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"labels":[],"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"},"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":60,"components":[{"name":"index","title":"Index","description":null,"type":"registry:style","tags":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/index.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/avatars.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-geist.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-karla.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-inter.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-inter-tight.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-mona-sans.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-roboto.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-open-sans.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-lato.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-poppins.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-source-sans-pro.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-nunito.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-figtree.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-host-grotesk.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-space-grotesk.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-montserrat.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-raleway.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-noto-sans.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-work-sans.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-roboto-flex.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-merriweather.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-lora.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-eb-garamond.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-playfair-display.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-instrument-serif.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-source-serif-pro.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-crimson-text.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-oswald.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-bebas-neue.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-anton.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-righteous.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-geist-mono.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-jetbrains-mono.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-roboto-mono.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-source-code-pro.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-fira-code.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-ibm-plex-mono.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-courier-prime.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-dancing-script.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-pacifico.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/font-indie-flower.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/avatar.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/image.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/link.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/container.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/ghibli.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/focus.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/nimble.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/starbucks.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/skyline.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/bourbon.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/pumpkin-spice.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/catppuccin.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/monokai.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/neon-dreams.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/desert-mirage.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/neon-void.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/netflix.json","preview_url":null,"raw_code_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":["saas"],"categories":["Blocks & sections (marketing/SaaS)"],"source_url":"https://zippystarter.com/r/vercel.json","preview_url":null,"raw_code_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"}]},{"id":"kaui","name":"@kaui","slug":"kaui","description":"Personal well crafted components for Shadcn ui","author":"diontr00","framework":"react","license":null,"tags":[],"categories":["Uncategorized"],"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"},"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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/use-async.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/async-button.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/async-scope.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/confirm-action.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/use-debounce.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/use-controlled-state.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/combobox.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/input-group.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/multi-select.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://kaui-shadcn-registry.vercel.app/r/password-input.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"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"},"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":60,"components":[{"name":"uiable-accordion-basic","title":"Basic Accordion","description":"Accordion Basic variant for accordion.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-accordion-basic.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-accordion-borders.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-accordion-card.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-accordion-disabled.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-accordion-flush.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-accordion-multiple.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-action.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-basic.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-colors.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-destructive.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dialog-basic.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dialog-destructive.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dialog-media.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dialog-small.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dialog-small-media.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-danger.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-dark.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-info.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-primary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-secondary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-success.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-dismissible-warning.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-icon-danger.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-icon-dark.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-icon-info.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-icon-primary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-icon-secondary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-icon-success.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-icon-warning.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-light-danger.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-light-dark.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-light-info.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-light-primary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-light-secondary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-light-success.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-light-warning.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-solid-danger.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-solid-dark.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-solid-info.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-solid-primary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-solid-secondary.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-solid-success.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-alert-solid-warning.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-aspect-ratio-portrait.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-aspect-ratio-square.json","preview_url":null,"raw_code_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-vertical","title":"Vertical Attachment","description":"Attachment Vertical variant for attachment.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-attachment-vertical.json","preview_url":null,"raw_code_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-attachment-group","title":"Group","description":"Attachment Group variant for attachment.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-attachment-group.json","preview_url":null,"raw_code_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-states","title":"States","description":"Attachment States variant for attachment.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-attachment-states.json","preview_url":null,"raw_code_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-sizes","title":"Sizes","description":"Attachment Sizes variant for attachment.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-attachment-sizes.json","preview_url":null,"raw_code_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-triggers","title":"Trigger","description":"Attachment Trigger variant for attachment.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-attachment-triggers.json","preview_url":null,"raw_code_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-avatar-badge","title":"Badge Avatar","description":"Avatar Badge variant for avatar.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-avatar-badge.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-avatar-badge-icon.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-avatar-basic.json","preview_url":null,"raw_code_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-dropdown","title":"Dropdown Avatar","description":"Avatar Dropdown variant for avatar.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-avatar-dropdown.json","preview_url":null,"raw_code_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-group","title":"Group Avatar","description":"Avatar Group variant for avatar.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-avatar-group.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-avatar-group-count.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-avatar-group-count-icon.json","preview_url":null,"raw_code_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-size","title":"Size Avatar","description":"Avatar Size variant for avatar.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-avatar-size.json","preview_url":null,"raw_code_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-colors","title":"Colors Badge","description":"Badge Colors variant for badge.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-badge-colors.json","preview_url":null,"raw_code_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-icon","title":"Icon Badge","description":"Badge Icon variant for badge.","type":"registry:ui","tags":[],"categories":["Uncategorized"],"source_url":"https://uiable.com/r/uiable-badge-icon.json","preview_url":null,"raw_code_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"}]},{"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":"react","license":null,"tags":[],"categories":["Uncategorized"],"labels":[],"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"},"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":60,"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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/AnimatedContent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/AnimatedList.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Antigravity.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/ASCIIText.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Aurora.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Balatro.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Ballpit.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Beams.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/BlobCursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/BlurText.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/BorderGlow.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/BounceCards.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/BubbleMenu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/CardNav.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/CardSwap.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Carousel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/ChromaGrid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/CircularGallery.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/CircularText.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/ClickSpark.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/ColorBends.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Counter.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/CountUp.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Crosshair.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Cubes.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/CurvedLoop.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/DarkVeil.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/DecayCard.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/DecryptedText.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Dither.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Dock.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/DomeGallery.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/DotField.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/DotGrid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/ElasticSlider.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/ElectricBorder.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/EvilEye.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/FadeContent.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/FallingText.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/FaultyTerminal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Ferrofluid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/FloatingLines.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/FlowingMenu.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/FlyingPosters.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Folder.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/FuzzyText.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Galaxy.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GhostCursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GlareHover.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GlassIcons.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GlassSurface.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GlitchText.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GooeyNav.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GradientBlinds.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GradientText.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GradualBlur.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/Grainient.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GridDistortion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GridMotion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://vue-bits.dev/r/GridScan.json","preview_url":null,"raw_code_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"}]},{"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":"react","license":null,"tags":[],"categories":["Uncategorized"],"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"},"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":60,"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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/animated-content.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/antigravity.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/blob-cursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/click-spark.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/crosshair.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/cubes.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/electric-border.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/fade-content.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/ghost-cursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/glare-hover.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/gradual-blur.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/image-trail.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/laser-flow.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/logo-loop.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/magic-rings.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/magnet.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/magnet-lines.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/meta-balls.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/metallic-paint.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/noise.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/orbit-images.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/pixel-trail.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/pixel-transition.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/ribbons.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/shape-blur.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/splash-cursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/star-border.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/sticker-peel.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/target-cursor.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/aurora.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/balatro.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/ballpit.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/beams.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/color-bends.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/dark-veil.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/dither.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/dot-field.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/dot-grid.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/evil-eye.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/faulty-terminal.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/floating-lines.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/galaxy.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/gradient-blinds.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/grainient.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/grid-distortion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/grid-motion.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/grid-scan.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/hyperspeed.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/iridescence.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/letter-glitch.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/light-pillar.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/light-rays.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/lightning.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/line-waves.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/liquid-chrome.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/liquid-ether.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/orb.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/particles.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/pixel-blast.json","preview_url":null,"raw_code_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":[],"categories":["Uncategorized"],"source_url":"https://sveltebits.xyz/r/pixel-snow.json","preview_url":null,"raw_code_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"}]}]}