█▌ sh4dcn
[libraries]componentsblockstemplatesagentsdesigndata
atlas
  • [libraries]
  • components
  • agents
Directory and component listing only — not affiliated with, endorsed by, or a clone of shadcn/ui. BoardUI tokens, mapped onto the manpage system · design sources · static atlas · llms.txt · Repository

sh4dcn(1)

Libraries

499 shadcn/ui-compatible libraries · 121,580 components · 20 categories · synced 2026-10-27

Filter by category below, or use the bottom tabs to jump between libraries, components, and agent feeds.

Browse by category

Browse by topic

Command Palette

Search for a command to run...

Categories

Tags

Showing 499 · 499 total

@shadcn
126,642
ActiveComponent library (general)accessibilityauthbackgrounds

The canonical shadcn/ui registry (apps/v4, style new-york-v4) — ~470 primitives and utilities (accordion, alert, avatar, button, calendar, card, carousel, chart, checkbox, command, dialog, drawer, dropdown-menu, form, input, popover, select, sheet, sidebar, table, tabs, toast, and more) built on Radix UI, with parallel Base UI and React Aria variants documented alongside each component. This is the registry every third-party library in this directory extends or restyles; it ships here as its own entry so its components are indexed, clone-able, and searchable the same way theirs are. Free, open source, MIT-licensed. Use for: the baseline component set any shadcn-based project starts from, before reaching for a themed or specialized third-party registry.

WebsiteDocsGitHubRegistry JSON
Components: index, style, accordion, alert, alert-dialog, aspect-ratio, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, chart, checkbox, collapsible, combobox, command, context-menu, dialog, drawer, dropdown-menu, empty, field, form, hover-card, input, input-group, input-otp, item, label, menubar, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, sonner, spinner, switch, table, tabs, textarea, toggle, toggle-group, tooltip, kbd, native-select, direction, attachment, bubble, marker, message, message-scroller, dashboard-01, sidebar-01, sidebar-02, sidebar-03, sidebar-04, sidebar-05, sidebar-06, sidebar-07, sidebar-08, sidebar-09, sidebar-10, sidebar-11, sidebar-12, sidebar-13, sidebar-14, sidebar-15, sidebar-16, login-01, login-02, login-03, login-04, login-05, signup-01, signup-02, signup-03, signup-04, signup-05, chart-area-axes, chart-area-default, chart-area-gradient, chart-area-icons, chart-area-interactive, chart-area-legend, chart-area-linear, chart-area-stacked-expand, chart-area-stacked, chart-area-step, chart-bar-active, chart-bar-default, chart-bar-horizontal, chart-bar-interactive, chart-bar-label-custom, chart-bar-label, chart-bar-mixed, chart-bar-multiple, chart-bar-negative, chart-bar-stacked, chart-line-default, chart-line-dots-colors, chart-line-dots-custom, chart-line-dots, chart-line-interactive, chart-line-label-custom, chart-line-label, chart-line-linear, chart-line-multiple, chart-line-step, chart-pie-donut-active, chart-pie-donut-text, chart-pie-donut, chart-pie-interactive, chart-pie-label-custom, chart-pie-label-list, chart-pie-label, chart-pie-legend, chart-pie-separator-none, chart-pie-simple, chart-pie-stacked, chart-radar-default, chart-radar-dots, chart-radar-grid-circle-fill, chart-radar-grid-circle-no-lines, chart-radar-grid-circle, chart-radar-grid-custom, chart-radar-grid-fill, chart-radar-grid-none, chart-radar-icons, chart-radar-label-custom, chart-radar-legend, chart-radar-lines-only, chart-radar-multiple, chart-radar-radius, chart-radial-grid, chart-radial-label, chart-radial-shape, chart-radial-simple, chart-radial-stacked, chart-radial-text, chart-tooltip-default, chart-tooltip-indicator-line, chart-tooltip-indicator-none, chart-tooltip-label-none, chart-tooltip-label-custom, chart-tooltip-label-formatter, chart-tooltip-formatter, chart-tooltip-icons, chart-tooltip-advanced, utils, use-mobile, theme-stone, theme-zinc, theme-neutral, theme-gray, theme-slate, accordion-demo, alert-demo, alert-destructive, alert-dialog-demo, aspect-ratio-demo, avatar-demo, badge-demo, badge-destructive, badge-outline, badge-secondary, breadcrumb-demo, breadcrumb-separator, breadcrumb-dropdown, breadcrumb-ellipsis, breadcrumb-link, breadcrumb-responsive, button-demo, button-default, button-secondary, button-destructive, button-outline, button-ghost, button-link, button-with-icon, button-loading, button-icon, button-as-child, button-rounded, button-size, button-group-demo, button-group-nested, button-group-size, button-group-separator, button-group-split, button-group-input, button-group-dropdown, button-group-select, button-group-popover, button-group-input-group, button-group-orientation, calendar-demo, card-demo, card-with-form, carousel-demo, carousel-size, carousel-spacing, carousel-orientation, carousel-api, carousel-plugin, checkbox-demo, checkbox-disabled, checkbox-with-text, collapsible-demo, combobox-demo, combobox-dropdown-menu, combobox-popover, combobox-responsive, command-demo, command-dialog, context-menu-demo, data-table-demo, date-picker-demo, date-picker-with-presets, date-picker-with-range, dialog-demo, dialog-close-button, drawer-demo, empty-demo, empty-icon, empty-avatar, empty-avatar-group, empty-input-group, empty-outline, empty-background, field-demo, field-input, field-textarea, field-fieldset, field-radio, field-checkbox, field-switch, field-slider, field-select, field-choice-card, field-group, field-responsive, form-next-demo, form-next-complex, form-rhf-demo, form-rhf-input, form-rhf-select, form-rhf-checkbox, form-rhf-switch, form-rhf-textarea, form-rhf-radiogroup, form-rhf-array, form-rhf-complex, form-rhf-password, form-tanstack-demo, form-tanstack-input, form-tanstack-textarea, form-tanstack-select, form-tanstack-checkbox, form-tanstack-switch, form-tanstack-radiogroup, form-tanstack-array, form-tanstack-complex, form-formisch-demo, form-formisch-input, form-formisch-textarea, form-formisch-select, form-formisch-checkbox, form-formisch-radiogroup, form-formisch-switch, form-formisch-array, form-formisch-complex, drawer-dialog, dropdown-menu-demo, dropdown-menu-checkboxes, dropdown-menu-radio-group, dropdown-menu-dialog, hover-card-demo, input-demo, input-disabled, input-file, input-with-button, input-with-label, input-with-text, input-group-demo, input-group-label, input-group-text, input-group-tooltip, input-group-button, input-group-button-group, input-group-dropdown, input-group-spinner, input-group-textarea, input-group-icon, input-group-custom, input-otp-demo, input-otp-pattern, input-otp-separator, input-otp-controlled, item-demo, item-size, item-variant, item-icon, item-image, item-avatar, item-group, item-header, item-dropdown, item-link, kbd-demo, kbd-tooltip, kbd-input-group, kbd-button, kbd-group, label-demo, menubar-demo, navigation-menu-demo, native-select-demo, native-select-groups, native-select-disabled, native-select-invalid, pagination-demo, popover-demo, progress-demo, radio-group-demo, resizable-demo, resizable-demo-with-handle, resizable-vertical, resizable-handle, scroll-area-demo, scroll-area-horizontal-demo, select-demo, select-scrollable, separator-demo, sheet-demo, sheet-side, skeleton-demo, skeleton-card, slider-demo, sonner-demo, sonner-types, spinner-demo, spinner-basic, spinner-button, spinner-badge, spinner-input-group, spinner-empty, spinner-color, spinner-custom, spinner-size, spinner-item, switch-demo, table-demo, tabs-demo, textarea-demo, textarea-disabled, textarea-with-button, textarea-with-label, textarea-with-text, toggle-group-demo, toggle-group-disabled, toggle-group-lg, toggle-group-outline, toggle-group-sm, toggle-group-single, toggle-group-spacing, toggle-demo, toggle-disabled, toggle-lg, toggle-outline, toggle-sm, toggle-with-text, tooltip-demo, typography-blockquote, typography-demo, typography-h1, typography-h2, typography-h3, typography-h4, typography-inline-code, typography-large, typography-lead, typography-list, typography-muted, typography-p, typography-small, typography-table, mode-toggle, chart-bar-demo
@oidc
126,642
ActiveFormsauthforms

A component registry for OIDC policy forms. Pick identity providers, a form library, and a validation library, preview in the builder, then copy the code into your app.

WebsiteDocsGitHubRegistry JSON
Components: core, policy, verify, claims, picker, page-actions, provider-github, provider-github-zod, provider-github-valibot, provider-github-rhf, provider-github-rhf-zod, provider-github-rhf-valibot, provider-github-tanstack, provider-github-tanstack-zod, provider-github-tanstack-valibot, provider-vercel, provider-vercel-zod, provider-vercel-valibot, provider-vercel-rhf, provider-vercel-rhf-zod, provider-vercel-rhf-valibot, provider-vercel-tanstack, provider-vercel-tanstack-zod, provider-vercel-tanstack-valibot, provider-gitlab, provider-gitlab-zod, provider-gitlab-valibot, provider-gitlab-rhf, provider-gitlab-rhf-zod, provider-gitlab-rhf-valibot, provider-gitlab-tanstack, provider-gitlab-tanstack-zod, provider-gitlab-tanstack-valibot, provider-google, provider-google-zod, provider-google-valibot, provider-google-rhf, provider-google-rhf-zod, provider-google-rhf-valibot, provider-google-tanstack, provider-google-tanstack-zod, provider-google-tanstack-valibot, provider-bitbucket, provider-bitbucket-zod, provider-bitbucket-valibot, provider-bitbucket-rhf, provider-bitbucket-rhf-zod, provider-bitbucket-rhf-valibot, provider-bitbucket-tanstack, provider-bitbucket-tanstack-zod, provider-bitbucket-tanstack-valibot, provider-aws, provider-aws-zod, provider-aws-valibot, provider-aws-rhf, provider-aws-rhf-zod, provider-aws-rhf-valibot, provider-aws-tanstack, provider-aws-tanstack-zod, provider-aws-tanstack-valibot, provider-azure, provider-azure-zod, provider-azure-valibot, provider-azure-rhf, provider-azure-rhf-zod, provider-azure-rhf-valibot, provider-azure-tanstack, provider-azure-tanstack-zod, provider-azure-tanstack-valibot, provider-custom, provider-custom-zod, provider-custom-valibot, provider-custom-rhf, provider-custom-rhf-zod, provider-custom-rhf-valibot, provider-custom-tanstack, provider-custom-tanstack-zod, provider-custom-tanstack-valibot
Supabase
@supabase
114,075
ActiveFeaturedComponent library (general)proauthblockscomponents

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.

WebsiteDocsGitHubRegistry JSON
Components: safe-next-path, password-based-auth-nextjs, password-based-auth-react, password-based-auth-react-router, password-based-auth-tanstack, social-auth-nextjs, social-auth-react, social-auth-react-router, social-auth-tanstack, dropzone-nextjs, dropzone-react, dropzone-react-router, dropzone-tanstack, realtime-cursor-nextjs, realtime-cursor-react, realtime-cursor-react-router, realtime-cursor-tanstack, current-user-avatar-nextjs, current-user-avatar-react, current-user-avatar-react-router, current-user-avatar-tanstack, realtime-avatar-stack-nextjs, realtime-avatar-stack-react, realtime-avatar-stack-react-router, realtime-avatar-stack-tanstack, realtime-chat-nextjs, realtime-chat-react, realtime-chat-react-router, realtime-chat-tanstack, realtime-flow-nextjs, realtime-flow-react, realtime-flow-react-router, realtime-flow-tanstack, realtime-monaco-nextjs, realtime-monaco-react, realtime-monaco-react-router, realtime-monaco-tanstack, infinite-query-hook, mcp, headless-app-tanstack, oauth-consent-nextjs, oauth-consent-react, oauth-consent-react-router, oauth-consent-tanstack, tanstack-db-nextjs, supabase-client-nextjs, supabase-client-react, supabase-client-react-router, supabase-client-tanstack, platform-kit-nextjs, supabase-client-nuxtjs, supabase-client-vue, password-based-auth-nuxtjs, password-based-auth-vue, social-auth-vue, social-auth-nuxtjs, dropzone-nuxtjs, dropzone-vue, realtime-cursor-nuxtjs, realtime-cursor-vue, current-user-avatar-nuxtjs, current-user-avatar-vue, realtime-avatar-stack-nuxtjs, realtime-avatar-stack-vue, realtime-chat-nuxtjs, realtime-chat-vue, infinite-query-composable
@react-bits
50,345
ActiveFeaturedAnimated componentsaccessibilityaestheticanimation

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: AnimatedContent-JS-CSS, AnimatedContent-JS-TW, AnimatedContent-TS-CSS, AnimatedContent-TS-TW, BlobCursor-JS-CSS, BlobCursor-JS-TW, BlobCursor-TS-CSS, BlobCursor-TS-TW, ClickSpark-JS-CSS, ClickSpark-JS-TW, ClickSpark-TS-CSS, ClickSpark-TS-TW, Crosshair-JS-CSS, Crosshair-JS-TW, Crosshair-TS-CSS, Crosshair-TS-TW, Cubes-JS-CSS, Cubes-JS-TW, Cubes-TS-CSS, Cubes-TS-TW, ElectricBorder-JS-CSS, ElectricBorder-JS-TW, ElectricBorder-TS-CSS, ElectricBorder-TS-TW, FadeContent-JS-CSS, FadeContent-JS-TW, FadeContent-TS-CSS, FadeContent-TS-TW, GlareHover-JS-CSS, GlareHover-JS-TW, GlareHover-TS-CSS, GlareHover-TS-TW, GradualBlur-JS-CSS, GradualBlur-JS-TW, GradualBlur-TS-CSS, GradualBlur-TS-TW, CrystalizedBall-JS-CSS, CrystalizedBall-JS-TW, CrystalizedBall-TS-CSS, CrystalizedBall-TS-TW, ElectricLogo-JS-CSS, ElectricLogo-JS-TW, ElectricLogo-TS-CSS, ElectricLogo-TS-TW, DitherVeil-JS-CSS, DitherVeil-JS-TW, DitherVeil-TS-CSS, DitherVeil-TS-TW, GlowCursor-JS-CSS, GlowCursor-JS-TW, GlowCursor-TS-CSS, GlowCursor-TS-TW, GhostCursor-JS-CSS, GhostCursor-JS-TW, GhostCursor-TS-CSS, GhostCursor-TS-TW, ImageTrail-JS-CSS, ImageTrail-JS-TW, ImageTrail-TS-CSS, ImageTrail-TS-TW, LogoLoop-JS-CSS, LogoLoop-JS-TW, LogoLoop-TS-CSS, LogoLoop-TS-TW, Magnet-JS-CSS, Magnet-JS-TW, Magnet-TS-CSS, Magnet-TS-TW, MetaBalls-JS-CSS, MetaBalls-JS-TW, MetaBalls-TS-CSS, MetaBalls-TS-TW, Strands-JS-CSS, Strands-JS-TW, Strands-TS-CSS, Strands-TS-TW, MetallicPaint-JS-CSS, MetallicPaint-JS-TW, MetallicPaint-TS-CSS, MetallicPaint-TS-TW, Noise-JS-CSS, Noise-JS-TW, Noise-TS-CSS, Noise-TS-TW, PixelTrail-JS-CSS, PixelTrail-JS-TW, PixelTrail-TS-CSS, PixelTrail-TS-TW, PixelTransition-JS-CSS, PixelTransition-JS-TW, PixelTransition-TS-CSS, PixelTransition-TS-TW, PixelSwap-JS-CSS, PixelSwap-JS-TW, PixelSwap-TS-CSS, PixelSwap-TS-TW, Ribbons-JS-CSS, Ribbons-JS-TW, Ribbons-TS-CSS, Ribbons-TS-TW, ShapeBlur-JS-CSS, ShapeBlur-JS-TW, ShapeBlur-TS-CSS, ShapeBlur-TS-TW, SplashCursor-JS-CSS, SplashCursor-JS-TW, SplashCursor-TS-CSS, SplashCursor-TS-TW, StarBorder-JS-CSS, StarBorder-JS-TW, StarBorder-TS-CSS, StarBorder-TS-TW, StickerPeel-JS-CSS, StickerPeel-JS-TW, StickerPeel-TS-CSS, StickerPeel-TS-TW, TargetCursor-JS-CSS, TargetCursor-JS-TW, TargetCursor-TS-CSS, TargetCursor-TS-TW, LaserFlow-JS-CSS, LaserFlow-JS-TW, LaserFlow-TS-CSS, LaserFlow-TS-TW, Antigravity-JS-CSS, Antigravity-JS-TW, Antigravity-TS-CSS, Antigravity-TS-TW, OrbitImages-JS-CSS, OrbitImages-JS-TW, OrbitImages-TS-CSS, OrbitImages-TS-TW, ASCIIText-JS-CSS, ASCIIText-JS-TW, ASCIIText-TS-CSS, ASCIIText-TS-TW, BlurText-JS-CSS, BlurText-JS-TW, BlurText-TS-CSS, BlurText-TS-TW, CircularText-JS-CSS, CircularText-JS-TW, CircularText-TS-CSS, CircularText-TS-TW, CountUp-JS-CSS, CountUp-JS-TW, CountUp-TS-CSS, CountUp-TS-TW, CurvedLoop-JS-CSS, CurvedLoop-JS-TW, CurvedLoop-TS-CSS, CurvedLoop-TS-TW, DecryptedText-JS-CSS, DecryptedText-JS-TW, DecryptedText-TS-CSS, DecryptedText-TS-TW, FallingText-JS-CSS, FallingText-JS-TW, FallingText-TS-CSS, FallingText-TS-TW, FuzzyText-JS-CSS, FuzzyText-JS-TW, FuzzyText-TS-CSS, FuzzyText-TS-TW, GlitchText-JS-CSS, GlitchText-JS-TW, GlitchText-TS-CSS, GlitchText-TS-TW, GradientText-JS-CSS, GradientText-JS-TW, GradientText-TS-CSS, GradientText-TS-TW, RotatingText-JS-CSS, RotatingText-JS-TW, RotatingText-TS-CSS, RotatingText-TS-TW, ScrambledText-JS-CSS, ScrambledText-JS-TW, ScrambledText-TS-CSS, ScrambledText-TS-TW, ScrollFloat-JS-CSS, ScrollFloat-JS-TW, ScrollFloat-TS-CSS, ScrollFloat-TS-TW, ScrollReveal-JS-CSS, ScrollReveal-JS-TW, ScrollReveal-TS-CSS, ScrollReveal-TS-TW, ScrollVelocity-JS-CSS, ScrollVelocity-JS-TW, ScrollVelocity-TS-CSS, ScrollVelocity-TS-TW, ShinyText-JS-CSS, ShinyText-JS-TW, ShinyText-TS-CSS, ShinyText-TS-TW, SplitText-JS-CSS, SplitText-JS-TW, SplitText-TS-CSS, SplitText-TS-TW, TextCursor-JS-CSS, TextCursor-JS-TW, TextCursor-TS-CSS, TextCursor-TS-TW, TextPressure-JS-CSS, TextPressure-JS-TW, TextPressure-TS-CSS, TextPressure-TS-TW, TextType-JS-CSS, TextType-JS-TW, TextType-TS-CSS, TextType-TS-TW, TrueFocus-JS-CSS, TrueFocus-JS-TW, TrueFocus-TS-CSS, TrueFocus-TS-TW, VariableProximity-JS-CSS, VariableProximity-JS-TW, VariableProximity-TS-CSS, VariableProximity-TS-TW, Shuffle-JS-CSS, Shuffle-JS-TW, Shuffle-TS-CSS, Shuffle-TS-TW, ParticleText-JS-CSS, ParticleText-JS-TW, ParticleText-TS-CSS, ParticleText-TS-TW, SplitFlapText-JS-CSS, SplitFlapText-JS-TW, SplitFlapText-TS-CSS, SplitFlapText-TS-TW, WarpText-JS-CSS, WarpText-JS-TW, WarpText-TS-CSS, WarpText-TS-TW, TechText-JS-CSS, TechText-JS-TW, TechText-TS-CSS, TechText-TS-TW, StrokeText-JS-CSS, StrokeText-JS-TW, StrokeText-TS-CSS, StrokeText-TS-TW, DepthText-JS-CSS, DepthText-JS-TW, DepthText-TS-CSS, DepthText-TS-TW, FoldText-JS-CSS, FoldText-JS-TW, FoldText-TS-CSS, FoldText-TS-TW, EchoText-JS-CSS, EchoText-JS-TW, EchoText-TS-CSS, EchoText-TS-TW, MaskedHeading-JS-CSS, MaskedHeading-JS-TW, MaskedHeading-TS-CSS, MaskedHeading-TS-TW, TextLoop-JS-CSS, TextLoop-JS-TW, TextLoop-TS-CSS, TextLoop-TS-TW, AnimatedList-JS-CSS, AnimatedList-JS-TW, AnimatedList-TS-CSS, AnimatedList-TS-TW, BounceCards-JS-CSS, BounceCards-JS-TW, BounceCards-TS-CSS, BounceCards-TS-TW, BubbleMenu-JS-CSS, BubbleMenu-JS-TW, BubbleMenu-TS-CSS, BubbleMenu-TS-TW, CardNav-JS-CSS, CardNav-JS-TW, CardNav-TS-CSS, CardNav-TS-TW, CardSwap-JS-CSS, CardSwap-JS-TW, CardSwap-TS-CSS, CardSwap-TS-TW, Carousel-JS-CSS, Carousel-JS-TW, Carousel-TS-CSS, Carousel-TS-TW, ChromaGrid-JS-CSS, ChromaGrid-JS-TW, ChromaGrid-TS-CSS, ChromaGrid-TS-TW, HoloCard-JS-CSS, HoloCard-JS-TW, HoloCard-TS-CSS, HoloCard-TS-TW, CircularCarousel-JS-CSS, CircularCarousel-JS-TW, CircularCarousel-TS-CSS, CircularCarousel-TS-TW, FlexCarousel-JS-CSS, FlexCarousel-JS-TW, FlexCarousel-TS-CSS, FlexCarousel-TS-TW, DepthCarousel-JS-CSS, DepthCarousel-JS-TW, DepthCarousel-TS-CSS, DepthCarousel-TS-TW, AccordionGallery-JS-CSS, AccordionGallery-JS-TW, AccordionGallery-TS-CSS, AccordionGallery-TS-TW, MorphSlider-JS-CSS, MorphSlider-JS-TW, MorphSlider-TS-CSS, MorphSlider-TS-TW, DriftWall-JS-CSS, DriftWall-JS-TW, DriftWall-TS-CSS, DriftWall-TS-TW, CircularGallery-JS-CSS, CircularGallery-JS-TW, CircularGallery-TS-CSS, CircularGallery-TS-TW, Counter-JS-CSS, Counter-JS-TW, Counter-TS-CSS, Counter-TS-TW, DecayCard-JS-CSS, DecayCard-JS-TW, DecayCard-TS-CSS, DecayCard-TS-TW, Dock-JS-CSS, Dock-JS-TW, Dock-TS-CSS, Dock-TS-TW, DomeGallery-JS-CSS, DomeGallery-JS-TW, DomeGallery-TS-CSS, DomeGallery-TS-TW, ElasticSlider-JS-CSS, ElasticSlider-JS-TW, ElasticSlider-TS-CSS, ElasticSlider-TS-TW, FlowingMenu-JS-CSS, FlowingMenu-JS-TW, FlowingMenu-TS-CSS, FlowingMenu-TS-TW, FluidGlass-JS-CSS, FluidGlass-JS-TW, FluidGlass-TS-CSS, FluidGlass-TS-TW, FlyingPosters-JS-CSS, FlyingPosters-JS-TW, FlyingPosters-TS-CSS, FlyingPosters-TS-TW, Folder-JS-CSS, Folder-JS-TW, Folder-TS-CSS, Folder-TS-TW, GlassIcons-JS-CSS, GlassIcons-JS-TW, GlassIcons-TS-CSS, GlassIcons-TS-TW, GlassSurface-JS-CSS, GlassSurface-JS-TW, GlassSurface-TS-CSS, GlassSurface-TS-TW, GooeyNav-JS-CSS, GooeyNav-JS-TW, GooeyNav-TS-CSS, GooeyNav-TS-TW, InfiniteSpiral-JS-CSS, InfiniteSpiral-JS-TW, InfiniteSpiral-TS-CSS, InfiniteSpiral-TS-TW, InfiniteMenu-JS-CSS, InfiniteMenu-JS-TW, InfiniteMenu-TS-CSS, InfiniteMenu-TS-TW, Lanyard-JS-CSS, Lanyard-JS-TW, Lanyard-TS-CSS, Lanyard-TS-TW, MagicBento-JS-CSS, MagicBento-JS-TW, MagicBento-TS-CSS, MagicBento-TS-TW, Masonry-JS-CSS, Masonry-JS-TW, Masonry-TS-CSS, Masonry-TS-TW, ModelViewer-JS-CSS, ModelViewer-JS-TW, ModelViewer-TS-CSS, ModelViewer-TS-TW, PillNav-JS-CSS, PillNav-JS-TW, PillNav-TS-CSS, PillNav-TS-TW
@videojs
40,023
ActiveTheming/stylingaiaudiobuttons

Video, audio, and live player skins from Video.js, the open source web video player. Add a full skin or individual controls as editable React and Tailwind CSS source.

WebsiteDocsGitHubRegistry JSON
Components: audio, live-audio, live-video, video, _menu-chevron, _resolve-class-name, _style-audio, _style-theme, _style-video, airplay-button, audio-track-menu, buffering-indicator, button, button-tooltip, captions-button, captions-menu, captions-submenu, cast-button, container, error-dialog, fullscreen-button, live-button, mute-button, pip-button, play-button, playback-rate-button, playback-rate-submenu, poster, quality-menu, radio-item, seek-button, seek-indicator, settings-menu, slider, status-announcer, status-indicator, time-slider, title, volume-indicator, volume-popover, volume-slider
@magicui
22,888
ActiveFeaturedAnimated componentspro3daestheticanimation

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.

WebsiteDocsGitHubRegistry JSON
Components: index, magic-card, android, warp-background, line-shadow-text, aurora-text, morphing-text, scroll-progress, lens, pointer, smooth-cursor, progressive-blur, neon-gradient-card, noise-texture, meteors, grid-pattern, hexagon-pattern, striped-pattern, interactive-grid-pattern, dot-pattern, flickering-grid, hero-video-dialog, code-comparison, marquee, globe, glyph-matrix, glare-hover, shimmer-button, tweet-card, client-tweet-card, bento-grid, particles, number-ticker, ripple, retro-grid, animated-list, animated-shiny-text, animated-grid-pattern, border-beam, animated-beam, text-reveal, dia-text-reveal, hyper-text, animated-gradient-text, orbiting-circles, dock, word-rotate, avatar-circles, typing-animation, sparkles-text, spinning-text, comic-text, icon-cloud, text-animate, scroll-based-velocity, shiny-button, shine-border, animated-circular-progress-bar, confetti, cool-mode, pulsating-button, ripple-button, file-tree, blur-fade, safari, iphone, rainbow-button, interactive-hover-button, terminal, video-text, pixel-image, highlighter, animated-theme-toggler, light-rays, dotted-map, backlight, kinetic-text, text-3d-flip, floating-3d-particles, magic-card-demo, magic-card-demo-2, android-demo, android-demo-2, android-demo-3, warp-background-demo, line-shadow-text-demo, aurora-text-demo, morphing-text-demo, scroll-progress-demo, lens-demo, lens-demo-2, lens-demo-3, pointer-demo-1, smooth-cursor-demo, progressive-blur-demo, neon-gradient-card-demo, noise-texture-demo, noise-texture-demo-2, noise-texture-demo-3, noise-texture-demo-4, meteors-demo, grid-pattern-demo, striped-pattern-demo, striped-pattern-dashed, striped-pattern-right, grid-pattern-linear-gradient, grid-pattern-dashed, hexagon-pattern-demo, hexagon-pattern-linear-gradient, hexagon-pattern-dashed, hexagon-pattern-spacing, dot-pattern-demo, dot-pattern-linear-gradient, dot-pattern-with-glow-effect, flickering-grid-demo, flickering-grid-rounded-demo, hero-video-dialog-demo, hero-video-dialog-demo-top-in-bottom-out, code-comparison-demo, marquee-demo, marquee-demo-vertical, marquee-logos, marquee-3d, globe-demo, glyph-matrix-demo, glare-hover-demo, glare-hover-demo-cta, glare-hover-demo-alert, tweet-card-demo, tweet-card-images, tweet-card-meta-preview, shimmer-button-demo, bento-demo, bento-demo-vertical, number-ticker-demo, number-ticker-demo-2, number-ticker-decimal-demo, ripple-demo, retro-grid-demo, animated-list-demo, animated-shiny-text-demo, particles-demo, animated-grid-pattern-demo, interactive-grid-pattern-demo, interactive-grid-pattern-demo-2, border-beam-demo, border-beam-demo-2, border-beam-demo-3, border-beam-demo-4, animated-beam-demo, animated-beam-unidirectional, animated-beam-bidirectional, animated-beam-multiple-inputs, animated-beam-multiple-outputs, text-reveal-demo, dia-text-reveal-demo, dia-text-reveal-demo-2, dia-text-reveal-demo-3, dia-text-reveal-demo-4, animated-gradient-text-demo, animated-gradient-text-demo-2, orbiting-circles-demo, dock-demo, dock-demo-2, dock-demo-3, word-rotate-demo, hyper-text-demo, avatar-circles-demo, typing-animation-demo, typing-animation-demo-2, typing-animation-demo-3, typing-animation-demo-4, typing-animation-demo-5, typing-animation-demo-6, typing-animation-demo-7, typing-animation-demo-8, scroll-based-velocity-demo, scroll-based-velocity-images-demo, sparkles-text-demo, spinning-text-demo, spinning-text-demo-2, comic-text-demo, icon-cloud-demo, icon-cloud-demo-2, icon-cloud-demo-3, text-animate-demo, text-animate-demo-2, text-animate-demo-3, text-animate-demo-4, text-animate-demo-5, text-animate-demo-6, text-animate-demo-7, text-animate-demo-8, text-animate-demo-9, shiny-button-demo, animated-circular-progress-bar-demo, shine-border-demo, shine-border-demo-2, confetti-demo, confetti-basic-cannon, confetti-random-direction, confetti-fireworks, confetti-stars, confetti-side-cannons, confetti-custom-shapes, confetti-emoji, cool-mode-demo, cool-mode-custom, pulsating-button-demo, pulsating-button-demo-2, ripple-button-demo, file-tree-demo, blur-fade-demo, blur-fade-text-demo, safari-demo, safari-demo-2, safari-demo-3, safari-demo-4, iphone-demo, iphone-demo-2, iphone-demo-3, rainbow-button-demo, rainbow-button-demo-2, interactive-hover-button-demo, terminal-demo, terminal-demo-2, video-text-demo, pixel-image-demo, highlighter-demo, animated-theme-toggler-demo, animated-theme-toggler-square-demo, animated-theme-toggler-diamond-demo, animated-theme-toggler-rectangle-demo, animated-theme-toggler-hexagon-demo, animated-theme-toggler-triangle-demo, animated-theme-toggler-star-demo, animated-theme-toggler-next-themes-demo, light-rays-demo, dotted-map-demo, dotted-map-demo-2, dotted-map-demo-3, backlight-video-demo, backlight-image-demo, backlight-svg-demo, kinetic-text-demo, text-3d-flip-demo, text-3d-flip-demo-2, floating-3d-particles-demo, floating-3d-particles-demo-2, utils
@plate
16,674
ActiveFeaturedEditor (rich text/code)proaiaudioblocks

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.

WebsiteDocsGitHubRegistry JSON
Components: plate, plate-ui, ai-menu, ai-toolbar-button, align-toolbar-button, block-context-menu, block-selection, import-toolbar-button, export-toolbar-button, caption, font-color-toolbar-button, comment-toolbar-button, block-suggestion, block-discussion, cursor-overlay, block-draggable, editor, select-editor, emoji-toolbar-button, fixed-toolbar-buttons, fixed-toolbar-classic-buttons, fixed-toolbar, floating-toolbar-buttons, floating-toolbar-classic-buttons, floating-toolbar, ghost-text, history-toolbar-button, list-toolbar-button, indent-toolbar-button, inline-combobox, insert-toolbar-button, insert-toolbar-classic-button, line-height-toolbar-button, link-toolbar, link-toolbar-button, list-classic-toolbar-button, mark-toolbar-button, media-toolbar, media-toolbar-button, media-upload-toast, mode-toolbar-button, more-toolbar-button, resize-handle, table-toolbar-button, toggle-toolbar-button, turn-into-toolbar-button, turn-into-toolbar-classic-button, remote-cursor-overlay, toolbar, suggestion-toolbar-button, ai-node, block-list, blockquote-node, callout-node, code-block-node, code-drawing-node, code-node, column-node, comment-node, suggestion-node, date-node, equation-node, equation-toolbar-button, emoji-node, excalidraw-node, font-size-toolbar-button, footnote-node, heading-node, highlight-node, hr-node, media-image-node, media-preview-dialog, kbd-node, link-node, list-classic-node, media-audio-node, media-embed-node, media-file-node, media-placeholder-node, media-video-node, mention-node, paragraph-node, search-highlight-node, slash-node, table-node, tag-node, toc-node, toggle-node, align-base-kit, basic-blocks-base-kit, basic-marks-base-kit, callout-base-kit, code-block-base-kit, code-drawing-base-kit, column-base-kit, comment-base-kit, date-base-kit, footnote-base-kit, excalidraw-kit, font-base-kit, indent-base-kit, line-height-base-kit, link-base-kit, list-base-kit, math-base-kit, media-base-kit, mention-base-kit, suggestion-base-kit, table-base-kit, toc-base-kit, toggle-base-kit, editor-base-kit, ai-kit, align-kit, autoformat-classic-kit, autoformat-kit, basic-blocks-kit, basic-marks-kit, basic-nodes-kit, block-menu-kit, block-placeholder-kit, block-selection-kit, callout-kit, code-block-kit, code-drawing-kit, column-kit, comment-kit, copilot-kit, cursor-overlay-kit, date-kit, discussion-kit, dnd-kit, docx-kit, docx-export-kit, editor-kit, emoji-kit, exit-break-kit, fixed-toolbar-classic-kit, fixed-toolbar-kit, floating-toolbar-kit, floating-toolbar-classic-kit, footnote-kit, font-kit, indent-kit, line-height-kit, link-kit, list-classic-kit, list-kit, markdown-kit, math-kit, media-kit, media-uploadthing-kit, mention-kit, slash-kit, suggestion-kit, tabbable-kit, table-kit, toc-kit, toggle-kit, ai-api, copilot-api, media-uploadthing-api, settings-dialog, use-chat, transforms, transforms-classic, plate-types, editor-ai, editor-select, editor-basic, slate-to-html, suggestion, uploadthing, markdown-joiner-transform, tailwind-scrollbar-hide, highlight-style, use-debounce, use-mobile, use-mounted, use-is-touch-device, copilot-demo, select-editor-demo, controlled-demo, huge-document-demo, hundreds-editors-demo, multiple-editors-demo, version-history-demo, preview-markdown-demo, markdown-to-slate-demo, markdown-streaming-demo, collaboration-demo, installation-next-demo, tabbable-demo, docs-meta, docs, fumadocs, controlled-docs, debugging-docs, editing-behavior-docs, editor-methods-docs, editor-docs, feature-kits-docs, form-docs, performance-docs, playwright-docs, plugin-components-docs, plugin-context-docs, plugin-input-rules-docs, plugin-methods-docs, plugin-rules-docs, plugin-shortcuts-docs, plugin-docs, static-docs, troubleshooting-docs, typescript-docs, unit-testing-docs, ai-docs, copilot-docs, comment-docs, discussion-docs, suggestion-docs, yjs-docs, basic-blocks-docs, blockquote-docs, callout-docs, code-block-docs, code-drawing-docs, column-docs, date-docs, equation-docs, excalidraw-docs, footnote-docs, heading-docs, horizontal-rule-docs, link-docs, list-classic-docs, media-docs, mention-docs, table-docs, toc-docs, toggle-docs, combobox-docs, emoji-docs, slash-command-docs, exit-break-docs, forced-layout-docs, single-block-docs, trailing-block-docs, autoformat-docs, block-menu-docs, block-placeholder-docs, block-selection-docs, caption-docs, cursor-overlay-docs, dnd-docs, find-replace-docs, multi-select-docs, navigation-feedback-docs, tabbable-docs, toolbar-docs, basic-marks-docs, bold-docs, code-docs, highlight-docs, italic-docs, kbd-docs, strikethrough-docs, subscript-docs, superscript-docs, underline-docs, csv-docs, docx-io-docs, docx-docs, html-docs, markdown-docs, font-docs, indent-docs, line-height-docs, list-docs, text-align-docs, api-cn-docs, api-core-plate-components-docs, api-core-plate-controller-docs, api-core-plate-editor-docs, api-core-plate-plugin-docs, api-core-plate-store-docs, api-core-docs, api-floating-docs, api-plate-docs, api-react-utils-docs, api-resizable-docs, api-slate-editor-api-docs, api-slate-editor-transforms-docs, api-slate-element-docs, api-slate-location-ref-docs, api-slate-location-docs, api-slate-node-docs, api-slate-operation-docs, api-slate-path-docs, api-slate-point-docs, api-slate-range-docs, api-slate-text-docs, api-slate-docs, api-utils-docs, examples-collaboration-example-docs, examples-editable-voids-docs, examples-export-docs, examples-huge-document-docs, examples-hundreds-editors-docs, examples-preview-markdown-docs, examples-version-history-docs, index-docs, installation-docs-docs, installation-manual-docs, installation-mcp-docs, installation-next-docs, installation-node-docs, installation-plate-ui-docs, installation-react-docs, installation-rsc-docs, installation-docs, migration-slate-to-plate-docs, migration-v48-docs, releases-index-docs
@react-aria
15,988
ActiveFeaturedComponent library (general)accessibilitybuttonscards

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.

WebsiteDocsGitHubRegistry JSON
Components: tailwind, tailwind-alertdialog, tailwind-breadcrumbs, tailwind-button, tailwind-calendar, tailwind-checkbox, tailwind-checkboxgroup, tailwind-colorarea, tailwind-colorfield, tailwind-colorpicker, tailwind-colorslider, tailwind-colorswatch, tailwind-colorswatchpicker, tailwind-colorthumb, tailwind-colorwheel, tailwind-combobox, tailwind-commandpalette, tailwind-datefield, tailwind-datepicker, tailwind-daterangepicker, tailwind-dialog, tailwind-disclosure, tailwind-disclosuregroup, tailwind-dropzone, tailwind-field, tailwind-fieldbutton, tailwind-form, tailwind-gridlist, tailwind-link, tailwind-listbox, tailwind-menu, tailwind-meter, tailwind-modal, tailwind-navigationtree, tailwind-numberfield, tailwind-popover, tailwind-progressbar, tailwind-radiogroup, tailwind-rangecalendar, tailwind-searchfield, tailwind-select, tailwind-separator, tailwind-sheet, tailwind-slider, tailwind-switch, tailwind-table, tailwind-tabs, tailwind-taggroup, tailwind-textfield, tailwind-timefield, tailwind-toast, tailwind-togglebutton, tailwind-togglebuttongroup, tailwind-tokenfield, tailwind-toolbar, tailwind-tooltip, tailwind-tree, tailwind-utils, css, css-breadcrumbs, css-button, css-calendar, css-checkbox, css-checkboxgroup, css-colorarea, css-colorfield, css-colorpicker, css-colorslider, css-colorswatch, css-colorswatchpicker, css-colorthumb, css-colorwheel, css-combobox, css-commandpalette, css-content, css-datefield, css-datepicker, css-daterangepicker, css-dialog, css-disclosure, css-disclosuregroup, css-dropzone, css-form, css-gridlist, css-inputgroup, css-link, css-listbox, css-menu, css-meter, css-modal, css-navigationtree, css-numberfield, css-popover, css-progressbar, css-progresscircle, css-radiogroup, css-rangecalendar, css-searchfield, css-segmentedcontrol, css-select, css-separator, css-sheet, css-slider, css-switch, css-table, css-tabs, css-taggroup, css-textfield, css-timefield, css-toast, css-togglebutton, css-togglebuttongroup, css-tokenfield, css-toolbar, css-tooltip, css-tree, hooks, hooks-breadcrumbs, hooks-button, hooks-calendar, hooks-checkbox, hooks-checkboxgroup, hooks-colorarea, hooks-colorfield, hooks-colorslider, hooks-colorswatch, hooks-colorwheel, hooks-combobox, hooks-datefield, hooks-datepicker, hooks-daterangepicker, hooks-disclosure, hooks-dropdownlistbox, hooks-gridlist, hooks-link, hooks-listbox, hooks-menu, hooks-meter, hooks-modal, hooks-numberfield, hooks-popover, hooks-progressbar, hooks-radiogroup, hooks-rangecalendar, hooks-searchfield, hooks-select, hooks-separator, hooks-slider, hooks-switch, hooks-table, hooks-tabs, hooks-taggroup, hooks-textfield, hooks-timefield, hooks-toast, hooks-togglebutton, hooks-togglebuttongroup, hooks-toolbar, hooks-tooltip
@astryx
13,762
ActiveFormsaccessibilityblocksbuttons

Meta's open source design system: accessible React components, hooks, examples, and page templates. Components install as re-exports of the Astryx package; examples and pages copy editable source.

WebsiteDocsGitHubRegistry JSON
Components: component-alert-dialog, component-app-shell, component-aspect-ratio, component-avatar, component-avatar-group, component-avatar-group-overflow, component-avatar-status-dot, component-badge, component-banner, component-base-typeahead, component-blockquote, component-bottom-sheet, component-bottom-sheet-switcher, component-breadcrumb-item, component-breadcrumbs, component-button, component-button-group, component-calendar, component-card, component-carousel, component-center, component-chat-composer, component-chat-composer-drawer, component-chat-composer-input, component-chat-composer-token-element, component-chat-dictation-button, component-chat-layout, component-chat-layout-scroll-button, component-chat-message, component-chat-message-bubble, component-chat-message-list, component-chat-message-metadata, component-chat-send-button, component-chat-system-message, component-chat-tokenized-text, component-chat-tool-calls, component-check-indicator, component-checkbox-indicator, component-checkbox-input, component-checkbox-list, component-checkbox-list-item, component-citation, component-clickable-card, component-code, component-code-block, component-collapsible, component-collapsible-group, component-command-palette, component-command-palette-empty, component-command-palette-footer, component-command-palette-group, component-command-palette-input, component-command-palette-item, component-command-palette-list, component-complex-selector, component-context-menu, component-context-menu-item, component-date-input, component-date-range-input, component-date-time-input, component-dialog, component-dialog-header, component-divider, component-drawer, component-drawer-header, component-dropdown-menu, component-dropdown-menu-checkbox-item, component-dropdown-menu-divider, component-dropdown-menu-group, component-dropdown-menu-item, component-dropdown-menu-radio-group, component-dropdown-menu-radio-item, component-dropdown-menu-sub-menu, component-empty-state, component-field, component-field-label, component-field-status, component-file-input, component-form-layout, component-grid, component-grid-span, component-h-stack, component-heading, component-hover-card, component-icon, component-icon-button, component-input-group, component-input-group-text, component-internationalization-provider, component-item, component-kbd, component-layer-provider, component-layout, component-layout-content, component-layout-footer, component-layout-header, component-layout-panel, component-lightbox, component-link, component-link-provider, component-list, component-list-item, component-markdown, component-media-theme, component-metadata-list, component-metadata-list-item, component-mobile-nav, component-mobile-nav-toggle, component-more-menu, component-multi-selector, component-nav-heading-menu, component-nav-icon, component-number-input, component-outline, component-overflow-list, component-overlay, component-pagination, component-popover, component-power-search, component-progress-bar, component-radio-indicator, component-radio-list, component-radio-list-item, component-resize-handle, component-richtext-rich-text-editor, component-scrollable-area, component-section, component-segmented-control, component-segmented-control-item, component-selectable-card, component-selector, component-selector-option, component-side-nav, component-side-nav-collapse-button, component-side-nav-heading, component-side-nav-item, component-side-nav-section, component-skeleton, component-slider, component-spinner, component-stack, component-stack-item, component-status-dot, component-step, component-stepper, component-switch, component-syntax-theme, component-tab, component-tab-list, component-tab-menu, component-table, component-table-body, component-table-cell, component-table-footer, component-table-header, component-table-header-cell, component-table-row, component-table-selection-toolbar, component-text, component-text-area, component-text-input, component-theme, component-thumbnail, component-time-input, component-timer, component-timestamp, component-toast, component-toggle-button, component-toggle-button-group, component-token, component-tokenizer, component-toolbar, component-tooltip, component-top-nav, component-top-nav-heading, component-top-nav-item, component-top-nav-mega-menu, component-top-nav-mega-menu-featured-card, component-top-nav-mega-menu-item, component-top-nav-menu, component-tree-list, component-typeahead, component-typeahead-item, component-v-stack, component-visually-hidden, hook-use-announce, hook-use-app-shell-mobile, hook-use-clickable-container, hook-use-clipboard, hook-use-collapsible, hook-use-collator, hook-use-combobox, hook-use-container-reveal, hook-use-dev-warning, hook-use-entry-animation, hook-use-focus-trap, hook-use-grid-focus, hook-use-hotkeys, hook-use-hover-card, hook-use-image-mode, hook-use-imperative-alert-dialog, hook-use-imperative-dialog, hook-use-indicator-focus-ring, hook-use-input-container, hook-use-input-status-icon, hook-use-interactive-role, hook-use-keyboard-hint, hook-use-layer, hook-use-list-focus, hook-use-locale, hook-use-long-press, hook-use-media-query, hook-use-menu-press, hook-use-merged-refs, hook-use-multi-combobox, hook-use-overflow, hook-use-popover, hook-use-press-feedback, hook-use-resizable, hook-use-scroll-lock, hook-use-scroll-overflow, hook-use-scrollable-area, hook-use-streaming-text, hook-use-table-column-resize, hook-use-table-column-settings, hook-use-table-filter-state, hook-use-table-filtering, hook-use-table-grouped-rows, hook-use-table-pagination, hook-use-table-row-expansion, hook-use-table-row-index, hook-use-table-row-status, hook-use-table-selection, hook-use-table-selection-state, hook-use-table-sortable, hook-use-table-sticky-columns, hook-use-table-tree-data, hook-use-table-tree-state, hook-use-theme, hook-use-toast, hook-use-tooltip, hook-use-translator, hook-use-tree-focus, hook-use-typeahead, example-alert-dialog-loading, example-app-shell-content-only, example-app-shell-side-nav-only, example-app-shell-top-nav-only, example-app-shell-top-nav-with-side-nav, example-app-shell-with-banner, example-aspect-ratio-16-9-widescreen-image, example-aspect-ratio-circle-image, example-aspect-ratio-image-gallery, example-aspect-ratio-loading-skeleton, example-aspect-ratio-square-image, example-avatar-fallback-chain, example-avatar-group-default, example-avatar-group-interactive, example-avatar-group-overflow-custom-text, example-avatar-group-overflow-default-count, example-avatar-initials, example-avatar-interactive, example-avatar-photo, example-avatar-status-dot, example-avatar-status-dot-variants, example-avatar-tooltip, example-avatar-user-card, example-badge-colors, example-badge-counts, example-badge-status, example-banner-action, example-banner-collapsible, example-banner-dismiss, example-banner-floating, example-banner-full-width, example-banner-statuses, example-base-typeahead-custom-search-bar, example-blockquote-testimonials, example-blockquote-with-attribution, example-bottom-sheet-height-variants, example-bottom-sheet-mobile-keyboard, example-bottom-sheet-no-scrim, example-bottom-sheet-snap-points, example-bottom-sheet-switcher-review-flow, example-breadcrumb-item-basic, example-breadcrumbs-deep-path, example-breadcrumbs-icons, example-breadcrumbs-menu-item, example-breadcrumbs-separators, example-breadcrumbs-variants, example-button-end-slot, example-button-floating, example-button-group-basic, example-button-group-floating, example-button-icon, example-button-sizes, example-button-variants, example-calendar-constraints, example-calendar-range, example-calendar-single, example-calendar-two-months, example-card-callout, example-card-elevations, example-card-layout, example-card-simple, example-card-variants, example-carousel-cards, example-carousel-snap, example-center-horizontal-center, example-center-vertical-horizontal-center, example-chat-composer-attachments, example-chat-composer-drawer-feedback, example-chat-composer-flat, example-chat-composer-footer-actions, example-chat-composer-full-featured, example-chat-composer-input-controlled, example-chat-composer-input-disabled, example-chat-composer-input-mentions, example-chat-composer-input-multiple-triggers, example-chat-composer-input-slash-commands, example-chat-composer-simple, example-chat-composer-streaming, example-chat-composer-validation, example-chat-tool-calls-expandable, example-chat-tool-calls-simple, example-chat-tool-calls-statuses, example-checkbox-input-indeterminate, example-checkbox-input-states, example-checkbox-input-status, example-checkbox-list-item-basic, example-checkbox-list-select-all-with-indeterminate, example-checkbox-list-with-end-content, example-citation-inline-text, example-citation-source-list, example-clickable-card-elevated, example-clickable-card-with-nested-button, example-code-block-code-config, example-code-block-code-highlighted, example-code-block-code-scrollable, example-code-block-code-snippet, example-code-block-code-terminal, example-code-content-types, example-code-inline, example-code-text-sizes, example-collapsible-controlled, example-collapsible-faq, example-collapsible-group-density, example-collapsible-multiple-mode, example-collapsible-single-mode, example-collapsible-with-dividers, example-command-palette-async-search, example-command-palette-custom-footer, example-command-palette-empty-basic, example-command-palette-footer-basic, example-command-palette-group-basic, example-command-palette-grouped, example-command-palette-input-with-end-content, example-command-palette-item-basic, example-command-palette-list-item-states, example-command-palette-picker-mode, example-command-palette-rich-items, example-complex-selector-deadline-picker, example-complex-selector-tree-search, example-context-menu-basic, example-context-menu-bottom-sheet, example-context-menu-item-basic, example-date-input-clearable, example-date-input-description, example-date-input-formats, example-date-input-min-max-constraints, example-date-input-validation, example-date-range-input-validation, example-date-range-input-with-presets, example-date-time-input-validation, example-dialog-adaptive-presentation, example-dialog-confirmation, example-dialog-form, example-dialog-fullscreen, example-dialog-header-basic, example-dialog-required, example-dialog-scrollable, example-divider-full-bleed, example-divider-variants, example-divider-vertical, example-drawer-edit-form-with-footer-actions, example-drawer-header-with-close-button, example-drawer-header-with-subtitle-and-end-content, example-drawer-modal-or-non-modal-has-scrim, example-drawer-slide-in-from-the-start-edge, example-drawer-width-budget-pixels-or-any-css-length, example-dropdown-menu-actions, example-dropdown-menu-adaptive-presentation, example-dropdown-menu-disabled, example-dropdown-menu-group-selectable-rows, example-dropdown-menu-icon-trigger, example-dropdown-menu-item-basic, example-dropdown-menu-sections, example-dropdown-menu-submenu, example-empty-state-actions, example-empty-state-compact
@assistant-ui
12,769
ActiveFeaturedAI/chat UIproaiaudioauth

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.

WebsiteDocsGitHubRegistry JSON
Components: utils, elements-collapsible-root, elements-surfaces, elements-range, elements-tokens, elements-href, elements-task, elements-loading-state, elements-thinking-indicator, elements-reasoning-panel, elements-streaming-text, elements-typing-indicator, elements-message-pair, elements-message-branches, elements-message-actions, elements-suggestions, elements-error-state, elements-tool-call, elements-run-activity, elements-tool-timeline, elements-terminal-block, elements-code-diff, elements-web-search, elements-sources, elements-inline-citation, elements-link-preview, elements-image-generation, elements-image-gallery, elements-data-table, elements-number-ticker, elements-agent-plan, elements-subagent-list, elements-agent-status, elements-task-card, elements-approval-card, elements-receipt-focus, elements-option-list, elements-question-flow, elements-recommendation-card, elements-artifact-card, elements-composer, elements-chat-panel, elements-empty-state, elements-thread-list, elements-scroll-anchor, elements-conversation-map, elements-todo-list, elements-message-queue, elements-message-attachment, elements-reviewable-diff, elements-file-tree, elements-elicitation-form, elements-retrieval-chunks, elements-chart, elements-media-player, elements-trace-waterfall, elements-canvas-split, elements-voice-conversation, elements-read-aloud, elements-mcp-server-panel, elements-feedback-dialog, elements-quote-reply, elements-edit-message, elements-stopped-run, elements-message-timing, elements-connection-state, elements-agent-card, elements-web-preview, elements-draft-restore, elements-diagram, elements-flow-graph, elements-activity-graph, elements-tool-group, elements-context-breakdown, elements-model-picker, elements-reasoning-effort, elements-guardrail-notice, elements-day-separator, elements-speaker-identity, elements-regenerate-menu, elements-confidence-marker, elements-tool-error, elements-permission-grant, elements-computer-use, elements-code-runner, elements-document-reference, elements-memory-chips, elements-research-report, elements-map-answer, elements-geo-map, elements-math-block, elements-spec-sheet, elements-comparison-card, elements-timeline, elements-job-progress, elements-score-breakdown, elements-cost-meter, elements-quota-banner, elements-agent-handoff, elements-background-inbox, elements-checkpoint-history, elements-schedule-card, elements-prompt-library, elements-command-palette, elements-shared-conversation, elements-conversation-search, elements-thread-search, elements-launcher-bubble, elements-settings-panel, elements-onboarding, elements-mobile-composer, shimmer-style, chat/b/ai-sdk-quick-start/json, ai-sdk-backend, ai-sdk-backend-resumable, eve-chat, eve-ask-question, thread, elements-voice, elements-context-display, elements-context-usage, voice, voice-conversation, task-card, agent-status, use-copy-to-clipboard, markdown-text, reasoning, conversation-map, elements-reasoning, message-timing, context-display, thread-list, mcp-config, elements-mcp-config-state, use-attachment-src, attachment, follow-up-suggestions, tooltip-icon-button, syntax-highlighter, elements-modal-size, assistant-modal, assistant-sidebar, tool-fallback, tool-group, shiki-highlighter, elements-shiki-highlighter, mermaid-diagram, elements-mermaid-diagram, diff-viewer, threadlist-sidebar, quote, sources, image, file, model-selector, elements-model-selector, elements-model-selection, logos, select, direction, badge, tabs, accordion, dot-matrix, number-roll, heat-graph, composer-trigger-popover, directive-text, elements-directive-text, generative-ui-style, generative-ui
@mapcn
12,335
ActiveMapsblockscardscharts

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: map, analytics-map, choropleth, analytics-card, delivery-tracker, uptime-monitor, heatmap, logistics-network, store-locator
@creative-tim
12,088
StaleFeaturedComponent library (general)proaestheticaiblocks

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.

WebsiteDocsGitHubRegistry JSON
@nuqs
10,897
ActiveHooks/utilitiescomponentshooks

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.

WebsiteDocsGitHubRegistry JSON
Components: adapter-inertia, adapter-onejs, adapter-react-router-v5, adapter-waku, next-typed-links, parser-uuid
@openstatus
9,235
ActiveNiche/single-purposeproaccessibilitybuttonscards

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.

WebsiteDocsGitHubRegistry JSON
Components: use-media-query, use-copy-to-clipboard, status-types, status-utils, status-icon, status-layout, status-blank, status-i18n, status-timestamp, status-banner, status-component, status-component-group, status-events, status-bar, status-calendar, status-feed, status-theme-switcher, status-locale-switcher, status-updates, status-page-get-in-touch, status-page-header, status-page-footer, status-page-shell, status-chrome, status-complete, status-essentials
@lucide-animated
8,245
ActiveIcons/logosaccessibilityaestheticai

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: a-arrow-down, a-arrow-up, accessibility, activity, air-vent, airplane, airplay, alarm-clock, alarm-clock-check, alarm-clock-minus, alarm-clock-plus, alarm-smoke, align-center, align-horizontal, align-left, align-right, align-vertical, ambulance, angry, annoyed, archive, arrow-big-down, arrow-big-down-dash, arrow-big-left, arrow-big-left-dash, arrow-big-right, arrow-big-right-dash, arrow-big-up, arrow-big-up-dash, arrow-down, arrow-down-0-1, arrow-down-1-0, arrow-down-a-z, arrow-down-left, arrow-down-right, arrow-down-z-a, arrow-left, arrow-right, arrow-up, arrow-up-left, arrow-up-right, at-sign, atom, attach-file, audio-lines, axe, badge-alert, badge-percent, ban, banana, battery, battery-charging, battery-full, battery-low, battery-medium, battery-plus, battery-warning, bell, bell-electric, biceps-flexed, binary, blocks, bluetooth, bluetooth-connected, bluetooth-off, bluetooth-searching, bold, bone, book-text, bookmark, bookmark-check, bookmark-minus, bookmark-plus, bookmark-x, bot, bot-message-square, box, boxes, brain, briefcase-business, calendar-check, calendar-check-2, calendar-cog, calendar-days, car, cart, cast, cctv, chart-bar-decreasing, chart-bar-increasing, chart-column-decreasing, chart-column-increasing, chart-line, chart-no-axes-column-decreasing, chart-no-axes-column-increasing, chart-pie, chart-scatter, chart-spline, check, check-check, chess-bishop, chess-king, chess-knight, chess-pawn, chevron-down, chevron-first, chevron-left, chevron-right, chevron-up, chevrons-down-up, chevrons-left-right, chevrons-right-left, chevrons-up-down, chrome, cigarette, cigarette-off, circle-check, circle-chevron-down, circle-chevron-left, circle-chevron-right, circle-chevron-up, circle-dashed, circle-dollar-sign, circle-gauge, circle-help, clap, clipboard-check, clock, cloud-backup, cloud-cog, cloud-download, cloud-lightning, cloud-rain, cloud-rain-wind, cloud-snow, cloud-sun, cloud-sync, cloud-upload, coffee, cog, compass, concierge-bell, connect, construction, contrast, cooking-pot, copy, corner-down-left, corner-down-right, corner-left-down, corner-left-up, corner-right-down, corner-right-up, corner-up-left, corner-up-right, cpu, credit-card, cup-soda, cursor-click, database-backup, delete, disc-3, discord, dollar-sign, download, downvote, dribbble, droplet, drum, earth, euro, ev-charger, expand, external-link, eye, eye-off, facebook, fan, feather, figma, file-chart-line, file-check, file-check-2, file-cog, file-pen-line, file-stack, file-text, fingerprint, fish-symbol, flame, flask, folder-archive, folder-check, folder-clock, folder-code, folder-cog, folder-dot, folder-down, folder-git, folder-git-2, folder-heart, folder-input, folder-kanban, folder-key, folder-lock, folder-minus, folder-open, folder-output, folder-plus, folder-root, folder-sync, folder-tree, folder-up, folder-x, folders, frame, frown, gallery-horizontal-end, gallery-thumbnails, gallery-vertical-end, gauge, gavel, georgian-lari, git-branch, git-commit-horizontal, git-commit-vertical, git-compare, git-compare-arrows, git-fork, git-graph, git-merge, git-pull-request, git-pull-request-closed, git-pull-request-create, github, gitlab, graduation-cap, grip, grip-horizontal, grip-vertical, hammer, hand, hand-coins, hand-fist, hand-grab, hand-heart, hand-helping, hand-metal, hard-drive-download, hard-drive-upload, hat-glasses, heart, heart-handshake, heart-pulse, history, home, hourglass, id-card, indian-rupee, instagram, italic, japanese-yen, key, key-circle, key-square, keyboard, languages, laptop-minimal-check, laugh, layers, layout-grid, layout-panel-top, leaf, leafy-green, link, link-2, linkedin, loader, loader-circle, loader-pinwheel, lock, lock-keyhole, lock-keyhole-open, lock-open, login, logout, mail-check, mailbox, map-pin, map-pin-check, map-pin-check-inside, map-pin-house, map-pin-minus, map-pin-minus-inside, map-pin-off, map-pin-plus, map-pin-plus-inside, map-pin-x-inside, maximize, maximize-2, meh, menu, message-circle, message-circle-check, message-circle-dashed, message-circle-more, message-circle-plus, message-circle-x, message-square, message-square-check, message-square-dashed, message-square-more, message-square-plus, message-square-x, mic, mic-off, minimize, monitor-check, monitor-cog, moon, nfc, palette, panel-left-close, panel-left-open, panel-right-open, party-popper, pause, pen-tool, philippine-peso, phone, phone-call, phone-forwarded, phone-incoming, phone-missed, phone-off, pickaxe, plane-landing, plane-takeoff, play, plug-zap, plus, pound-sterling, projector, rabbit, radio, radio-tower, receipt, receipt-cent, receipt-euro, receipt-indian-rupee, receipt-japanese-yen, receipt-pound-sterling, receipt-russian-ruble, receipt-swiss-franc, receipt-text, receipt-turkish-lira, redo, redo-dot, refresh-ccw, refresh-ccw-dot, refresh-cw, refresh-cw-off, rocket, rocking-chair, roller-coaster, rotate-ccw, rotate-cw, route, router, russian-ruble, satellite-dish, saudi-riyal, scan-face, scan-text, search, send, server, server-cog, server-crash, settings, shield-check, ship, ship-wheel, shower-head, shredder, shrink, sliders-horizontal, smartphone-charging, smartphone-nfc, smile, smile-plus, snowflake, soup, sparkles, spray-can, square-activity, square-arrow-down, square-arrow-left, square-arrow-right, square-arrow-up
@motion-primitives
6,834
ActiveFeaturedAnimated componentsproaestheticanimationbackgrounds

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: accordion, animated-background, animated-group, animated-number, border-trail, carousel, cursor, dialog, disclosure, in-view, infinite-slider, transition-panel, text-effect, text-loop, text-morph, text-roll, text-scramble, text-shimmer, text-shimmer-wave, magnetic, morphing-dialog, morphing-popover, dock, glow-effect, image-comparison, toolbar-dynamic, toolbar-expandable, progressive-blur, scroll-progress, sliding-number, spotlight, spinning-text, tilt
@cult-ui
6,767
ActiveFeaturedAnimated componentspro3daestheticai

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.

WebsiteDocsGitHubRegistry JSON
Components: text-animate, cosmic-button, texture-button, texture-card, timer, shift-card, minimal-card, cutout-card, dynamic-island, direction-aware-tabs, bg-animate-button, border-beam-button, family-button, side-panel, bg-media, three-d-carousel, tweet-grid, gradient-heading, typewriter, rolling-number, sortable-list, dock, lightboard, canvas-fractal-grid, bg-animated-fractal-dot-grid, bg-animated-gradient, bg-image-texture, popover, floating-panel, color-picker, shader-lens-blur, edge-blur, dither-image, popover-form, expandable, logo-carousel, loading-carousel, hover-video-player, neumorph-eyebrow, neumorph-button, feature-carousel, choice-poll, feature-poll, feature-voting, vote-tally, poll-widget, prompt-library, ai-instructions, intro-disclosure, text-gif, stripe-bg-guides, svg-shapes, svg-shapes-animated, svg-bands, grid-beam, youtube-video-player, toolbar-expandable, texture-overlay, squiggle-arrow, code-block, mock-browser-window, metal-button, morph-surface, distorted-glass, family-drawer, expandable-screen, pixel-heading-character, pixel-heading-word, pixel-paragraph-words-inverse, pixel-paragraph-words, onboarding, gradient-button-group, terminal-animation, hero-dithering, hero-color-panel, hero-static-radial-gradient, hero-heatmap, hero-liquid-metal, base-select, base-tooltip, gateway-endpoint-illustration, gateway-route-illustration, gateway-svg-illustration, illustration-card-grid, illustration-cursor, illustration-comment-bubble, illustration-fluid-rendering, illustration-globe-vercel, illustration-graph, tabs-illustration-vercel, circuit-board, fluid-ai-workloads, security-checkpoint, merging-bubbles, ai-blob-warp, folded-card, shadow-card, organic-card, organic-card-small, organic-button, fluted-glass, speech-bubble, apple-iphone-17-pro, apple-keyboard, apple-watch-ultra, mac-screen, apple-pro-display-xdr, marketing-hero-analytics, marketing-feature-code, feature-sticky-section, analytics-chart, kanban-board, agent-suggest-card-stack, collab-avatar, collab-toolbar, halo-dropzone, halo-search, globe, file-icons, halo-button, copy-button, halo-card, border-beam-card, halo-tabs, halo-segmented, halo-toggle-group, halo-notification, halo-toast, halo-switch, halo-input, halo-field, halo-progress, border-beam-input, halo-badge, halo-select, prompt-composer, wizard-expandable, animated-badge, animated-button, animated-card, animated-composer, animated-dropzone, animated-field, animated-input, animated-notification, animated-number, animated-progress, animated-search, animated-segmented, animated-select, animated-switch, animated-tabs, animated-toast, animated-toggle-group, text-animate-demo, cosmic-button-demo, texture-button-demo, texture-card-demo, timer-demo, shift-card-demo, minimal-card-demo, cutout-card-demo, dynamic-island-demo, direction-aware-tabs-demo, bg-animate-button-demo, border-beam-button-demo, family-button-demo, side-panel-demo, bg-media-demo, bg-image-texture-demo, three-d-carousel-demo, tweet-grid-demo, gradient-heading-demo, typewriter-demo, rolling-number-demo, sortable-list-demo, dock-demo, lightboard-demo, canvas-fractal-grid-demo, bg-animated-fractal-dot-grid-demo, bg-animated-gradient-demo, popover-demo, floating-panel-demo, color-picker-demo, shader-lens-blur-demo, edge-blur-demo, dither-image-demo, dither-image-demo-upload, popover-form-demo, expandable-demo, logo-carousel-demo, loading-carousel-demo, hover-video-player-demo, neumorph-eyebrow-demo, neumorph-button-demo, feature-carousel-demo, choice-poll-demo, feature-poll-demo, feature-voting-demo, vote-tally-demo, poll-widget-demo, prompt-library-demo, ai-instructions-demo, intro-disclosure-demo, text-gif-demo, stripe-bg-guides-demo, svg-shapes-demo, svg-shapes-animated-demo, svg-bands-demo, grid-beam-demo, youtube-video-player-demo, toolbar-expandable-demo, texture-overlay-demo, squiggle-arrow-demo, code-block-demo, metal-button-demo, mock-browser-window-demo, morph-surface-demo, distorted-glass-demo, family-drawer-demo, expandable-screen-demo, pixel-heading-character-demo, pixel-heading-word-demo, pixel-paragraph-words-inverse-demo, pixel-paragraph-words-demo, onboarding-demo, gradient-button-group-demo, terminal-animation-demo, hero-dithering-demo, hero-color-panels-demo, hero-static-radial-gradient-demo, hero-heatmap-demo, hero-liquid-metal-demo, gateway-endpoint-illustration-demo, gateway-route-illustration-demo, gateway-svg-illustration-demo, illustration-card-grid-demo, illustration-cursor-demo, illustration-comment-bubble-demo, illustration-fluid-rendering-demo, illustration-globe-vercel-demo, illustration-graph-demo, tabs-illustration-vercel-demo, circuit-board-demo, fluid-ai-workloads-demo, security-checkpoint-demo, merging-bubbles-demo, ai-blob-warp-demo, folded-card-demo, shadow-card-demo, organic-card-demo, organic-card-small-demo, organic-button-demo, fluted-glass-demo, speech-bubble-demo, apple-iphone-17-pro-demo, apple-keyboard-demo, apple-watch-ultra-demo, mac-screen-demo, apple-pro-display-xdr-demo, marketing-hero-analytics-demo, marketing-feature-code-demo, feature-sticky-section-demo, analytics-chart-demo, kanban-board-demo, agent-suggest-card-stack-demo, collab-avatar-demo, collab-toolbar-demo, halo-dropzone-demo, halo-search-demo, globe-demo, file-icons-demo, halo-button-demo, copy-button-demo, halo-card-demo, border-beam-card-demo, halo-tabs-demo, halo-segmented-demo, halo-toggle-group-demo, halo-notification-demo, halo-toast-demo, halo-switch-demo, halo-input-demo, halo-field-demo, halo-progress-demo, border-beam-input-demo, halo-badge-demo, halo-select-demo, prompt-composer-demo, wizard-expandable-demo, animated-badge-demo, animated-button-demo, animated-card-demo, animated-composer-demo, animated-dropzone-demo, animated-field-demo, animated-input-demo, animated-notification-demo, animated-number-demo, animated-progress-demo, animated-search-demo, animated-segmented-demo, animated-select-demo, animated-switch-demo, animated-tabs-demo, animated-toast-demo, animated-toggle-group-demo
@svgl
6,392
ActiveFeaturedIcons/logosaianimationcms

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: ossium, plausible-analytics, ivy-framework, zaia-endless, langchain, granola, nvidia, proton-mail, proton-vpn, google-classroom, google-antigravity, kimi, zyft, perspective, windsurf, mattermost, inngest, daisyui, paypal, google-drive, amazon-q, mulesoft, uv, milanote, together-ai, suno, groq, cohere, ollama, cisco, animate, apolloio, blender, lua, mercado-libre, mercado-pago, basewell, ahooks, discord, aliexpress, preact, react, svelte, vue, vuetify, nuxt, nuxt-ui, nuxt-content, nuxt-studio, nuxthub, docus, visual-studio-code, ton, locofy, runway, yarn, jwt, strapi, figma, spotify, workos, whop, postman, discordjs, opensea, algolia, bootstrap, facebook, twitter, esbuild, deno, gatsby, npm, nuget, homebrew, sublime-text, turborepo, tailwind-css, wakatime, styled-components, angular, blitz, lit, atom, youtube, astro, google, google-play, framer, netflix, firefox, linkedin, telegram, matrix, whatsapp, headless-ui, kotlin, storybook, netlify, solidjs, mongodb, moon, payload-cms, fly, learnthis, visual-studio, chakra-ui, expressjs, fastify, javascript, jquery, rapid-api, typescript, bun, buildship, twilio, arc, arc, qwik, coinbase, authy, nestjs, github-copilot, railway, docusaurus, twitch, godaddy, udemy, graphql, grok, gitlab, prisma, go, platzi, coursera, udacity, kubernetes, docker, amazon-web-services, microsoft-azure, microsoft-access, microsoft-clipchamp, microsoft-copilot, microsoft-defender, microsoft-designer, microsoft-editor, microsoft-excel, microsoft-onedrive, microsoft-onenote, microsoft-powerpoint, microsoft-sharepoint, microsoft-teams, microsoft-word, heroku, jetbrains, jetbrains-rider, planetscale, playwright, atlassian, discourse, ember, expo, flutter, auth0, authjs, fresh, git, hostgator, intellij-idea, jasmine, java, jest, jetbrains, krakenjs, laravel, mariadb, material-ui, mysql, parcel, pm2, postgresql, react-query, devto, redis, redwoodjs, ruby, scala, sequelize, spinnaker, sqlite, swagger, swift, typeorm, unity, vim, pocketbase, openbootcamp, digital-ocean, disney, react-router, amp, developer-student-club, brave-browser, eclipse-ide, threejs, html5, css-new, css, midudev, apple, app-store, windows, python, solidity, turbopack, builder, babel, surrealdb, jetbrains-space, stimulus, windicss, mastodon, upstash, storyblok, cloudflare-workers, cloudflare, bing, cloudinary, dart, hcaptcha, appwrite, loom, hulu, stackblitz, binance, messenger, nhost, medusa, wordpress, microsoft, elementor, kick, prime-video, chrome, rxjs, electron, redux, trust-wallet, php, hugo, sass, arc, pinia, neon, infojobs, linear, tor, codesandbox, skype, tauri, webkit, duckduckgo, obsidian, zod, valibot, dreamweaver, openai, threads, instagram, vueuse, microsoft-sql-server-, hono, million, pandacss, pulumi, fastapi, codium, crossplane, volta, typesense, bitcoin, ethereum, solana, dogecoin, xrp, bnb, link, polygon, algorand, tether, x-formerly-twitter, adobe, after-effects, canva, illustrator, indesign, lightroom, photoshop, premiere, vk, hoppscotch, opera, salesforce, unreal-engine, godot-engine, datadog, tron, randevum, chromium, edge, safari, vivaldi, beacon, affinity-designer, affinity-photo, affinity-publisher, roblox, statelyai, xstate, hashnode, rowy, calcom, calendly, patreon, peerlist, product-hunt, remotion, warp, sst, documenso, bash, c, c, cobol, fortran, haskell, matlab, r, rust, zig, instatus, front, monero, axiom, django, zeabur, metamask, shadcnui, putio, pinterest, reflex, linux, xd, axure, penpot, sketch, gimp, ubuntu, cypress, reddit, jetbrains-webstorm, jetbrains-pycharm, jetbrains-fleet, jetbrains-rubymine, jetbrains-phpstorm, monkeytype, pycharm, shopify, webflow, sky, airbnb, uber, gmail, microsoft-outlook, slack, snapchat, ebay, ibm, trustpilot, raycast, flow-launcher, hack-the-box, procure, julia, swc, playstation, xbox, cody, sourcegraph, perplexity-ai, spring, directus, pnpm, emacs, svgl, google-idx, remix, steam, epic-games, tabby
@square-ui
6,162
ActiveFeaturedDashboard/admin templatesaccessibilityblockscharts

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.

WebsiteGitHubRegistry JSON
N
@neobrutalism
5,625
ActiveComponent library (general)aestheticanimationauth

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.

WebsiteDocsGitHubComponentsRegistry JSON
@canvas-ui
5,117
ActiveUncategorized

Creative html-in-canvas components. React, Vue, Svelte, TS.

WebsiteDocsGitHubComponentsRegistry JSON
Components: ascii-object-react, ascii-object-vue, ascii-object-svelte, ascii-object-solid, ascii-object-preact, ascii-object-vanilla, ascii-object-react-webgpu, ascii-object-vue-webgpu, ascii-object-svelte-webgpu, ascii-object-solid-webgpu, ascii-object-preact-webgpu, ascii-object-vanilla-webgpu, ascii-sweep-react, ascii-sweep-vue, ascii-sweep-svelte, ascii-sweep-solid, ascii-sweep-preact, ascii-sweep-vanilla, ascii-sweep-react-webgpu, ascii-sweep-vue-webgpu, ascii-sweep-svelte-webgpu, ascii-sweep-solid-webgpu, ascii-sweep-preact-webgpu, ascii-sweep-vanilla-webgpu, asciify-react, asciify-vue, asciify-svelte, asciify-solid, asciify-preact, asciify-vanilla, asciify-react-webgpu, asciify-vue-webgpu, asciify-svelte-webgpu, asciify-solid-webgpu, asciify-preact-webgpu, asciify-vanilla-webgpu, bend-react, bend-vue, bend-svelte, bend-solid, bend-preact, bend-vanilla, bend-react-webgpu, bend-vue-webgpu, bend-svelte-webgpu, bend-solid-webgpu, bend-preact-webgpu, bend-vanilla-webgpu, grid-react, grid-vue, grid-svelte, grid-solid, grid-preact, grid-vanilla, grid-react-webgpu, grid-vue-webgpu, grid-svelte-webgpu, grid-solid-webgpu, grid-preact-webgpu, grid-vanilla-webgpu, blaze-react, blaze-vue, blaze-svelte, blaze-solid, blaze-preact, blaze-vanilla, blaze-react-webgpu, blaze-vue-webgpu, blaze-svelte-webgpu, blaze-solid-webgpu, blaze-preact-webgpu, blaze-vanilla-webgpu, bubble-react, bubble-vue, bubble-svelte, bubble-solid, bubble-preact, bubble-vanilla, bubble-react-webgpu, bubble-vue-webgpu, bubble-svelte-webgpu, bubble-solid-webgpu, bubble-preact-webgpu, bubble-vanilla-webgpu, canvas-react, canvas-vue, canvas-svelte, canvas-solid, canvas-preact, canvas-vanilla, canvas-react-webgpu, canvas-vue-webgpu, canvas-svelte-webgpu, canvas-solid-webgpu, canvas-preact-webgpu, canvas-vanilla-webgpu, cloth-react, cloth-vue, cloth-svelte, cloth-solid, cloth-preact, cloth-vanilla, cloth-react-webgpu, cloth-vue-webgpu, cloth-svelte-webgpu, cloth-solid-webgpu, cloth-preact-webgpu, cloth-vanilla-webgpu, clouds-react, clouds-vue, clouds-svelte, clouds-solid, clouds-preact, clouds-vanilla, clouds-react-webgpu, clouds-vue-webgpu, clouds-svelte-webgpu, clouds-solid-webgpu, clouds-preact-webgpu, clouds-vanilla-webgpu, decrypt-reveal-react, decrypt-reveal-vue, decrypt-reveal-svelte, decrypt-reveal-solid, decrypt-reveal-preact, decrypt-reveal-vanilla, decrypt-reveal-react-webgpu, decrypt-reveal-vue-webgpu, decrypt-reveal-svelte-webgpu, decrypt-reveal-solid-webgpu, decrypt-reveal-preact-webgpu, decrypt-reveal-vanilla-webgpu, liquid-react, liquid-vue, liquid-svelte, liquid-solid, liquid-preact, liquid-vanilla, liquid-react-webgpu, liquid-vue-webgpu, liquid-svelte-webgpu, liquid-solid-webgpu, liquid-preact-webgpu, liquid-vanilla-webgpu, magnify-react, magnify-vue, magnify-svelte, magnify-solid, magnify-preact, magnify-vanilla, magnify-react-webgpu, magnify-vue-webgpu, magnify-svelte-webgpu, magnify-solid-webgpu, magnify-preact-webgpu, magnify-vanilla-webgpu, dithered-object-react, dithered-object-vue, dithered-object-svelte, dithered-object-solid, dithered-object-preact, dithered-object-vanilla, dithered-object-react-webgpu, dithered-object-vue-webgpu, dithered-object-svelte-webgpu, dithered-object-solid-webgpu, dithered-object-preact-webgpu, dithered-object-vanilla-webgpu, displacement-react, displacement-vue, displacement-svelte, displacement-solid, displacement-preact, displacement-vanilla, displacement-react-webgpu, displacement-vue-webgpu, displacement-svelte-webgpu, displacement-solid-webgpu, displacement-preact-webgpu, displacement-vanilla-webgpu, droplets-react, droplets-vue, droplets-svelte, droplets-solid, droplets-preact, droplets-vanilla, droplets-react-webgpu, droplets-vue-webgpu, droplets-svelte-webgpu, droplets-solid-webgpu, droplets-preact-webgpu, droplets-vanilla-webgpu, flame-wrap-react, flame-wrap-vue, flame-wrap-svelte, flame-wrap-solid, flame-wrap-preact, flame-wrap-vanilla, flame-wrap-react-webgpu, flame-wrap-vue-webgpu, flame-wrap-svelte-webgpu, flame-wrap-solid-webgpu, flame-wrap-preact-webgpu, flame-wrap-vanilla-webgpu, force-field-react, force-field-vue, force-field-svelte, force-field-solid, force-field-preact, force-field-vanilla, force-field-react-webgpu, force-field-vue-webgpu, force-field-svelte-webgpu, force-field-solid-webgpu, force-field-preact-webgpu, force-field-vanilla-webgpu, particle-object-react, particle-object-vue, particle-object-svelte, particle-object-solid, particle-object-preact, particle-object-vanilla, particle-object-react-webgpu, particle-object-vue-webgpu, particle-object-svelte-webgpu, particle-object-solid-webgpu, particle-object-preact-webgpu, particle-object-vanilla-webgpu, particle-reveal-react, particle-reveal-vue, particle-reveal-svelte, particle-reveal-solid, particle-reveal-preact, particle-reveal-vanilla, particle-reveal-react-webgpu, particle-reveal-vue-webgpu, particle-reveal-svelte-webgpu, particle-reveal-solid-webgpu, particle-reveal-preact-webgpu, particle-reveal-vanilla-webgpu, particle-scroll-react, particle-scroll-vue, particle-scroll-svelte, particle-scroll-solid, particle-scroll-preact, particle-scroll-vanilla, particle-scroll-react-webgpu, particle-scroll-vue-webgpu, particle-scroll-svelte-webgpu, particle-scroll-solid-webgpu, particle-scroll-preact-webgpu, particle-scroll-vanilla-webgpu, peel-react, peel-vue, peel-svelte, peel-solid, peel-preact, peel-vanilla, peel-react-webgpu, peel-vue-webgpu, peel-svelte-webgpu, peel-solid-webgpu, peel-preact-webgpu, peel-vanilla-webgpu, glitch-react, glitch-vue, glitch-svelte, glitch-solid, glitch-preact, glitch-vanilla, glitch-react-webgpu, glitch-vue-webgpu, glitch-svelte-webgpu, glitch-solid-webgpu, glitch-preact-webgpu, glitch-vanilla-webgpu, glyph-rain-react, glyph-rain-vue, glyph-rain-svelte, glyph-rain-solid, glyph-rain-preact, glyph-rain-vanilla, glyph-rain-react-webgpu, glyph-rain-vue-webgpu, glyph-rain-svelte-webgpu, glyph-rain-solid-webgpu, glyph-rain-preact-webgpu, glyph-rain-vanilla-webgpu, frost-react, frost-vue, frost-svelte, frost-solid, frost-preact, frost-vanilla, frost-react-webgpu, frost-vue-webgpu, frost-svelte-webgpu, frost-solid-webgpu, frost-preact-webgpu, frost-vanilla-webgpu, hex-float-react, hex-float-vue, hex-float-svelte, hex-float-solid, hex-float-preact, hex-float-vanilla, hex-float-react-webgpu, hex-float-vue-webgpu, hex-float-svelte-webgpu, hex-float-solid-webgpu, hex-float-preact-webgpu, hex-float-vanilla-webgpu, ink-object-react, ink-object-vue, ink-object-svelte, ink-object-solid, ink-object-preact, ink-object-vanilla, ink-object-react-webgpu, ink-object-vue-webgpu, ink-object-svelte-webgpu, ink-object-solid-webgpu, ink-object-preact-webgpu, ink-object-vanilla-webgpu, retro-dither-react, retro-dither-vue, retro-dither-svelte, retro-dither-solid, retro-dither-preact, retro-dither-vanilla, retro-dither-react-webgpu, retro-dither-vue-webgpu, retro-dither-svelte-webgpu, retro-dither-solid-webgpu, retro-dither-preact-webgpu, retro-dither-vanilla-webgpu, ripple-react, ripple-vue, ripple-svelte, ripple-solid, ripple-preact, ripple-vanilla, ripple-react-webgpu, ripple-vue-webgpu, ripple-svelte-webgpu, ripple-solid-webgpu, ripple-preact-webgpu, ripple-vanilla-webgpu, shatter-react, shatter-vue, shatter-svelte, shatter-solid, shatter-preact, shatter-vanilla, shatter-react-webgpu, shatter-vue-webgpu, shatter-svelte-webgpu, shatter-solid-webgpu, shatter-preact-webgpu, shatter-vanilla-webgpu, vhs-react, vhs-vue, vhs-svelte, vhs-solid, vhs-preact, vhs-vanilla, vhs-react-webgpu, vhs-vue-webgpu, vhs-svelte-webgpu, vhs-solid-webgpu, vhs-preact-webgpu, vhs-vanilla-webgpu, laser-react, laser-vue, laser-svelte, laser-solid, laser-preact, laser-vanilla, laser-react-webgpu, laser-vue-webgpu, laser-svelte-webgpu, laser-solid-webgpu, laser-preact-webgpu, laser-vanilla-webgpu, glass-react, glass-vue, glass-svelte, glass-solid, glass-preact, glass-vanilla, glass-react-webgpu, glass-vue-webgpu, glass-svelte-webgpu, glass-solid-webgpu, glass-preact-webgpu, glass-vanilla-webgpu, glass-object-react, glass-object-vue, glass-object-svelte, glass-object-solid
@animate-ui
4,698
ActiveFeaturedAnimated componentsaccessibilityaestheticanimation

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.

WebsiteDocsGitHubRegistry JSON
Components: backgrounds-bubble, backgrounds-fireworks, backgrounds-glyph, backgrounds-gradient, backgrounds-gravity-stars, backgrounds-hexagon, backgrounds-hole, backgrounds-stars, backgrounds-topography, buttons-flip, buttons-github-stars, buttons-liquid, buttons-theme-toggler, components-code-block, components-page-transition-react-router, components-page-transition-tanstack-router, components-page-transition, icons-hugeicons-accessibility, icons-hugeicons-activity-01, icons-hugeicons-add-01, icons-hugeicons-airplay, icons-hugeicons-alarm-clock, icons-hugeicons-arrow-down-01, icons-hugeicons-arrow-down-02, icons-hugeicons-arrow-left-01, icons-hugeicons-arrow-left-02, icons-hugeicons-arrow-right-01, icons-hugeicons-arrow-right-02, icons-hugeicons-arrow-up-01, icons-hugeicons-arrow-up-02, icons-hugeicons-arrow-up-down, icons-hugeicons-attachment-01, icons-hugeicons-audio-lines, icons-hugeicons-axe, icons-hugeicons-badge-check, icons-hugeicons-battery-charging, icons-hugeicons-battery-full, icons-hugeicons-battery-low, icons-hugeicons-battery-medium-01, icons-hugeicons-bell-off, icons-hugeicons-bell-ring, icons-hugeicons-between-horizontal-end, icons-hugeicons-between-horizontal-start, icons-hugeicons-between-vertical-end, icons-hugeicons-between-vertical-start, icons-hugeicons-binary, icons-hugeicons-blend, icons-hugeicons-blocks, icons-hugeicons-bluetooth, icons-hugeicons-bookmark-check, icons-hugeicons-bookmark-plus, icons-hugeicons-bookmark, icons-hugeicons-bot-message-square, icons-hugeicons-bot-off, icons-hugeicons-bot, icons-hugeicons-brush-cleaning, icons-hugeicons-brush, icons-hugeicons-calendar-check, icons-hugeicons-calendar-clock, icons-hugeicons-calendar-plus, icons-hugeicons-calendar, icons-hugeicons-camera, icons-hugeicons-cancel-01, icons-hugeicons-cast, icons-hugeicons-cctv, icons-hugeicons-chart-bar-decreasing, icons-hugeicons-chart-bar-increasing, icons-hugeicons-chart-column-decreasing, icons-hugeicons-chart-column-increasing, icons-hugeicons-chart-column, icons-hugeicons-chart-line, icons-hugeicons-chart-no-axes-column-decreasing, icons-hugeicons-chart-no-axes-column-increasing, icons-hugeicons-chart-no-axes-column, icons-hugeicons-chart-scatter, icons-hugeicons-chart-spline, icons-hugeicons-check-check, icons-hugeicons-check-line, icons-hugeicons-check, icons-hugeicons-checkmark-circle-02, icons-hugeicons-cherry, icons-hugeicons-circle-check-big, icons-hugeicons-circle-plus, icons-hugeicons-circle-question-mark, icons-hugeicons-circle-x, icons-hugeicons-circuit-board, icons-hugeicons-clapperboard, icons-hugeicons-clipboard-check, icons-hugeicons-clipboard-list, icons-hugeicons-clipboard, icons-hugeicons-clock-01, icons-hugeicons-clock-02, icons-hugeicons-clock-03, icons-hugeicons-clock-04, icons-hugeicons-clock-05, icons-hugeicons-clock-add, icons-hugeicons-clock-alert, icons-hugeicons-clock-arrow-down, icons-hugeicons-clock-arrow-up, icons-hugeicons-clock-check, icons-hugeicons-clock-fading, icons-hugeicons-clock-hour-1, icons-hugeicons-clock-hour-10, icons-hugeicons-clock-hour-11, icons-hugeicons-clock-hour-12, icons-hugeicons-clock-hour-2, icons-hugeicons-clock-hour-3, icons-hugeicons-clock-hour-4, icons-hugeicons-clock-hour-5, icons-hugeicons-clock-hour-6, icons-hugeicons-clock-hour-7, icons-hugeicons-clock-hour-8, icons-hugeicons-clock-hour-9, icons-hugeicons-clock-plus, icons-hugeicons-cloud-download, icons-hugeicons-cloud-drizzle, icons-hugeicons-cloud-hail, icons-hugeicons-cloud-lightning, icons-hugeicons-cloud-moon-rain, icons-hugeicons-cloud-rain-wind, icons-hugeicons-cloud-rain, icons-hugeicons-cloud-snow, icons-hugeicons-cloud-sun-rain, icons-hugeicons-cloud-upload, icons-hugeicons-coffee-02, icons-hugeicons-cog, icons-hugeicons-compass, icons-hugeicons-computer-terminal-01, icons-hugeicons-contrast, icons-hugeicons-copy-01, icons-hugeicons-credit-card, icons-hugeicons-crop, icons-hugeicons-cross, icons-hugeicons-crown, icons-hugeicons-delete-02, icons-hugeicons-disc-3, icons-hugeicons-download-01, icons-hugeicons-download-04, icons-hugeicons-droplet, icons-hugeicons-equal-not, icons-hugeicons-ev-charger, icons-hugeicons-expand, icons-hugeicons-eye-closed, icons-hugeicons-eye-off, icons-hugeicons-fan, icons-hugeicons-fast-forward, icons-hugeicons-favourite, icons-hugeicons-file-check, icons-hugeicons-file-clock, icons-hugeicons-file-plus, icons-hugeicons-file-sliders, icons-hugeicons-file-x, icons-hugeicons-filter-horizontal, icons-hugeicons-finger-print, icons-hugeicons-flag, icons-hugeicons-flame, icons-hugeicons-flash, icons-hugeicons-folder-clock, icons-hugeicons-folder-open, icons-hugeicons-forklift, icons-hugeicons-frame, icons-hugeicons-gallery-horizontal-end, icons-hugeicons-gallery-horizontal, icons-hugeicons-gallery-vertical-end, icons-hugeicons-gallery-vertical, icons-hugeicons-gauge, icons-hugeicons-gavel, icons-hugeicons-ghost, icons-hugeicons-gift, icons-hugeicons-globe-02, icons-hugeicons-hammer, icons-hugeicons-headphones, icons-hugeicons-home-03, icons-hugeicons-hourglass, icons-hugeicons-house-wifi, icons-hugeicons-infinity, icons-hugeicons-info, icons-hugeicons-kanban, icons-hugeicons-key-01, icons-hugeicons-key-round, icons-hugeicons-layers-01, icons-hugeicons-layout-dashboard, icons-hugeicons-leaf, icons-hugeicons-lightbulb-off, icons-hugeicons-lightbulb, icons-hugeicons-link-01, icons-hugeicons-link-square-02, icons-hugeicons-list, icons-hugeicons-loading-01, icons-hugeicons-loading-02, icons-hugeicons-loading-03, icons-hugeicons-location-01, icons-hugeicons-lock-keyhole-open, icons-hugeicons-lock-keyhole, icons-hugeicons-login-01, icons-hugeicons-logout-01, icons-hugeicons-mail-01, icons-hugeicons-mail-check, icons-hugeicons-mail-open, icons-hugeicons-map-pin-off, icons-hugeicons-maximize-01, icons-hugeicons-megaphone, icons-hugeicons-menu-01, icons-hugeicons-message-01, icons-hugeicons-message-circle-code, icons-hugeicons-message-circle-dashed, icons-hugeicons-message-circle-heart, icons-hugeicons-message-circle-more, icons-hugeicons-message-circle-off, icons-hugeicons-message-circle-plus, icons-hugeicons-message-circle-warning, icons-hugeicons-message-circle-x, icons-hugeicons-message-circle, icons-hugeicons-message-square-code, icons-hugeicons-message-square-dashed, icons-hugeicons-message-square-diff, icons-hugeicons-message-square-dot, icons-hugeicons-message-square-heart, icons-hugeicons-message-square-more, icons-hugeicons-message-square-off, icons-hugeicons-message-square-plus, icons-hugeicons-message-square-quote, icons-hugeicons-message-square-share, icons-hugeicons-message-square-text, icons-hugeicons-message-square-warning, icons-hugeicons-message-square-x, icons-hugeicons-mic-off, icons-hugeicons-mic, icons-hugeicons-minimize-01, icons-hugeicons-minus-sign, icons-hugeicons-moon-02, icons-hugeicons-moon-star, icons-hugeicons-more-horizontal, icons-hugeicons-more-vertical, icons-hugeicons-move-down, icons-hugeicons-move-left, icons-hugeicons-move-right, icons-hugeicons-move-up, icons-hugeicons-music-3, icons-hugeicons-nfc, icons-hugeicons-notification-01, icons-hugeicons-octagon-alert, icons-hugeicons-orbit, icons-hugeicons-paintbrush, icons-hugeicons-panel-bottom-close, icons-hugeicons-panel-bottom-open, icons-hugeicons-panel-bottom, icons-hugeicons-panel-left-close, icons-hugeicons-panel-left-open, icons-hugeicons-panel-left, icons-hugeicons-panel-right-close, icons-hugeicons-panel-right-open, icons-hugeicons-panel-right, icons-hugeicons-panel-top-close, icons-hugeicons-panel-top-open, icons-hugeicons-panel-top, icons-hugeicons-party-popper, icons-hugeicons-pause, icons-hugeicons-pencil-edit-02, icons-hugeicons-phone-call, icons-hugeicons-phone-incoming, icons-hugeicons-phone-outgoing, icons-hugeicons-phone, icons-hugeicons-pickaxe, icons-hugeicons-pin-off, icons-hugeicons-pin, icons-hugeicons-plane-takeoff, icons-hugeicons-play, icons-hugeicons-plug-zap, icons-hugeicons-plus-sign, icons-hugeicons-power, icons-hugeicons-preference-horizontal, icons-hugeicons-preference-vertical, icons-hugeicons-printer, icons-hugeicons-radio-tower, icons-hugeicons-radio, icons-hugeicons-redo-02, icons-hugeicons-refresh-ccw-dot, icons-hugeicons-refresh-ccw, icons-hugeicons-refresh-cw-off, icons-hugeicons-refresh, icons-hugeicons-repeat, icons-hugeicons-reply, icons-hugeicons-rewind, icons-hugeicons-rocket-01, icons-hugeicons-rotate-ccw-key, icons-hugeicons-rotate-ccw, icons-hugeicons-rotate-clockwise, icons-hugeicons-rotate-left-01, icons-hugeicons-rotate-right-01, icons-hugeicons-route, icons-hugeicons-router, icons-hugeicons-save, icons-hugeicons-scissors-line-dashed, icons-hugeicons-scissors, icons-hugeicons-search-01, icons-hugeicons-send-horizontal, icons-hugeicons-sent, icons-hugeicons-settings-02, icons-hugeicons-settings-04, icons-hugeicons-settings-05, icons-hugeicons-share-03, icons-hugeicons-share-08, icons-hugeicons-shield-check, icons-hugeicons-shopping-bag, icons-hugeicons-shopping-cart, icons-hugeicons-shrink, icons-hugeicons-shuffle, icons-hugeicons-signal-full-01, icons-hugeicons-signal-high, icons-hugeicons-signal-low, icons-hugeicons-signal-medium, icons-hugeicons-signal-zero, icons-hugeicons-skip-back, icons-hugeicons-skip-forward, icons-hugeicons-sliders-horizontal, icons-hugeicons-sliders-vertical, icons-hugeicons-snowflake, icons-hugeicons-sparkle, icons-hugeicons-sparkles, icons-hugeicons-square-arrow-out-down-left, icons-hugeicons-square-arrow-out-down-right, icons-hugeicons-square-arrow-out-up-left, icons-hugeicons-square-arrow-out-up-right, icons-hugeicons-square-dashed-kanban, icons-hugeicons-square-kanban, icons-hugeicons-square-lock-02, icons-hugeicons-square-plus, icons-hugeicons-square-unlock-02, icons-hugeicons-square-x, icons-hugeicons-star, icons-hugeicons-sun-03, icons-hugeicons-sun-dim, icons-hugeicons-sun-medium, icons-hugeicons-sun-moon, icons-hugeicons-sunrise, icons-hugeicons-sunset, icons-hugeicons-tag, icons-hugeicons-target-01, icons-hugeicons-temperature, icons-hugeicons-thumbs-down, icons-hugeicons-thumbs-up, icons-hugeicons-timer-off, icons-hugeicons-timer, icons-hugeicons-toggle-left, icons-hugeicons-toggle-right, icons-hugeicons-trash, icons-hugeicons-trending-down, icons-hugeicons-trending-up, icons-hugeicons-triangle-alert, icons-hugeicons-trophy, icons-hugeicons-umbrella, icons-hugeicons-undo-02, icons-hugeicons-unplug, icons-hugeicons-upload-01, icons-hugeicons-upload-04, icons-hugeicons-user-round, icons-hugeicons-user, icons-hugeicons-users-round, icons-hugeicons-users, icons-hugeicons-view, icons-hugeicons-volume-01, icons-hugeicons-volume-high, icons-hugeicons-volume-mute-01, icons-hugeicons-volume-off, icons-hugeicons-volume-x, icons-hugeicons-wallet, icons-hugeicons-wand-sparkles, icons-hugeicons-waves, icons-hugeicons-wifi-01, icons-hugeicons-wifi-02, icons-hugeicons-wifi-circle, icons-hugeicons-wifi-cog, icons-hugeicons-wifi-connected-01, icons-hugeicons-wifi-connected-02, icons-hugeicons-wifi-connected-03, icons-hugeicons-wifi-disconnected-01, icons-hugeicons-wifi-disconnected-02, icons-hugeicons-wifi-disconnected-03, icons-hugeicons-wifi-disconnected-04, icons-hugeicons-wifi-error-01, icons-hugeicons-wifi-error-02, icons-hugeicons-wifi-full-signal, icons-hugeicons-wifi-high, icons-hugeicons-wifi-location, icons-hugeicons-wifi-lock, icons-hugeicons-wifi-low-signal, icons-hugeicons-wifi-low, icons-hugeicons-wifi-medium-signal, icons-hugeicons-wifi-off-01, icons-hugeicons-wifi-off-02, icons-hugeicons-wifi-pen, icons-hugeicons-wifi-square, icons-hugeicons-wifi-sync, icons-hugeicons-wifi-unlock, icons-hugeicons-wifi-zero, icons-hugeicons-zoom-in, icons-hugeicons-zoom-out, icons-lucide-accessibility, icons-lucide-activity
Kibo UI
@kibo-ui
3,968
ActiveFeaturedComponent library (general)accessibilityaianimation

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.

WebsiteDocsGitHubRegistry JSON
Components: announcement, avatar-stack, banner, calendar, choicebox, code-block, color-picker, combobox, comparison, contribution-graph, credit-card, cursor, deck, dialog-stack, dropzone, editor, gantt, glimpse, image-crop, image-zoom, kanban, list, marquee, mini-calendar, pill, qr-code, rating, reel, relative-time, sandbox, snippet, spinner, status, stories, table, tags, theme-switcher, ticker, tree, typography, video-player
@ui-layouts
3,825
ActiveFeaturedAnimated componentspro3daestheticanimation

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.

WebsiteDocsGitHubRegistry JSON
Components: btn-bg-shine, btn-animated-gradient, button-active, button-hover-right, btn-creative-right, btn-creative-top, btn-click-down, btn-hover-down, btn-hover-multiple, btn-hover-underline, btn-hover-top-flip, btn-hover-left-flip, btn-hover-top-slowflip, btn-text-change, btn-cross-arrow, btn-black-shadow, btn-hover-outline, btn-arrow-right, btn-rotating-gradient, color-picker, default-color-picker, raws-color-picker, motion-number-upvotes, motion-number-input, motion-number-slider, number-flow-trading, noise-effect, scroll-text, text-scroll-animation, scroll-text-marquee, scroll-text-marquee-unidirectional, scroll-text-marquee-bidirectional, randomized-text-effect, randomized-text-unveil, globe, card-globe, card-globe-white, img-ripple-effect, r3f-blob, mesh-shadergradient, mesh-gradient-background3, mesh-gradient-background2, mesh-gradient-background, animated-logo-footer, hover-footer, responsive-header, responsive-header-default, boxgrid, conditionGrid, normalGrid, buyme-acoffee, stripecard, creative-hover-card, stripecard2, hovercard1, hovercard2, hovercard3, hovercard4, productcard1, productcard2, productcard3, productcard4, productcard5, productcard6, creative-clippath, corporate-clippath, symbolic-clippath, creative-mask-clippath, watersplash-clippath, creative-imagemasking, animal-imagemasking, watersplash-imagemasking, center-imagemasking, fixedbg-imagemasking, creative-videomasking, splashwater-videomasking, textoverlay-videomasking, hexagon-videomasking, hexagon2-videomasking, progressive-carousel, horizontal-progressive-carousel, vertical-progressive-carousel, image-hover-accordion, tailwind-image-accordion, image-tab1, image-tab2, img-tabs-standalone, magnified-doc, magnified-tab, tabs, animated-tabs, creative-tab, register-tab, swapy, default-swapy, opacity-swapy, swapy-handle, swapy-without-components, drag-items, timeline-animation, timeline-animation-default, scroll-animation, scroll-animation-default, scroll-animation-repeat, scroll-animation-text, mousetrail, image-mousetrail-default, image-mousetrail-small, image-mousetrail-disappear, image-mousetrail-without-component, horizontal-scroll, framerhorizontalscroll, stacking-card, css-image-stacking, css-card-stacking, smooth-scroll, sticky-gallery, sticky-hero-section, sparkles, sparkles-globe, sparkles-section, sparkles-title, sparkles-title2, sparkles-title3, sparkles-title4, sparkles-branding, marquee, default-marquee, verticle-marquee, logos-marquee, 3d-marquee, infintyband, liquid-glass, liquid-glass-weather, liquid-glass-mobile-icons, liquid-glass-notification, liquid-glass-sidebar-menu, blur-vignette, video-blur-vignette, blur-vignette-video, blur-vignette-img, blur-vignette-card, liquid-gradient, liquid-gradient-components, liquid-button, accordion, grid-layout-accordion, single-layout-accordion, multi-layout-accordion, faq-accordion, slider, dual-range-slider, position-range-slider, static-range-slider, showhide-pass, pass-strengthindicator, pass-strength-dotted-indicator, pass-strength-hover-indicator, pass-strength-inline-indicator, confirm-pass-check, tags-input, tags-input-components, tags-input-no-edit, phone-input-default, phone-input, datetime-input, datetime-input-default, time-picker, date-picker, multi-selector, multi-selector-default, file-upload, file-upload-default, chat-form-dropzone, imgpreview-dropzone, linear-modal, linear-modal-default, linear-modal-center-content, linear-modal-standalone, gallery-modal-accordion, gallery-modal-unsplash, gallery-modal-slider, dialog, dialog-default, media-modal, media-modal-default, imagemodals, responsive-modal, responsive-modal-default, directional-drawer, directional-drawer_default, left-directional-drawer, top-directional-drawer, bottom-directional-drawer, motion-drawer, motion-drawer-default, right-motion-drawer, spotlight, spotlight-card1, spotlight-card2, spotlight-card3, spotlight-card4, image-reveal, image-reveal2, bg-blocks-one, animated-beam, animated-beam-default, animated-beam-bidirectional, animated-beam-unidirectional, animated-beam-multiple-input, animated-beam-multiple-output, carousel, default-slider, align-slider, classname-slider, number-slider, scale-slider, thumbnail-slider, autostart-slider, autoscroll-slider, vertical-slider, vertical-thumbnail-slider, vertical-thumbnail-autostart-slider, framer-normal-carousel, framer-draggable-carousel, framer-autoplay-carousel, framer-multi-carousel, framer-thumnbails, framer-moveable-thumbnails, framer-drag-sliding-carousel, code-block, tree-code-viewer, code-tabs-mdx, hero-digital-success, hero-ai-value-proposition, hero-share-app, hero-social-app, hero-ai-ecommerce, hero-ai-infrastructure, hero-financial, feature-flow, feature-hero, feature-bento, feature-nature, feature-velocity, feature-highlights, feature-platform, feature-service, about-ecommerse, about-creative, about-me, about-sass, about-agency, about-architecture, about-mission, about-bento, about-business, about-whyus, about-vision, about-experience, team-clippath, team-classic, team-expert, team-magic, team-modern, team-social, team-synth, team-troops, team-vr, advanced-stats, stats-banner, stats-bento, stats-section, stats-details, stats-bold, stats-minimal, stack-testimonial, spotlight-testimonial, messenger-testimonial, chat-interface-testimonial, testimonial-basic, testimonial-carousel, marque-testimonial, impact-experience, portfolio-experience, creative-experience, work-experience, customer-experience, growth-plans, pricing-overview, pricing-grow-business, product-packs, startup-plans, subscription-details, faq-founder, faq-tabbed-explorer, faq-glass-card, faq-interactive-preview, faq-journey, faq-minimilastic, footer-hero, footer-bento, footer-bold, footer-detailed, footer-minimal, footer-privilege, footer-simple, btn-hover14, gradient-border, framer-carousel1, code-tabs, code-block-comp, code-tree-code-viewer, flipcountdown, special-offer, nested-vaul-drawer, unsplash-grid, sticky-hero-scroll, shimmer-loader, demo-spotlight-card2, demo-spotlight-card3, demo-spotlight-card4, spotlight-card-cruip, tools-tab, terminal-ui, type-writter, mac-genie
@reui
3,794
ActiveFeaturedDashboard/admin templatesproaiauthcards

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: agent-activity-1, agent-activity-2, agent-activity-3, agent-activity-4, agent-activity-5, ai-chat-1, ai-chat-10, ai-chat-11, ai-chat-12, ai-chat-13, ai-chat-2, ai-chat-3, ai-chat-4, ai-chat-5, ai-chat-6, ai-chat-7, ai-chat-8, ai-chat-9, ai-usage-1, ai-usage-2, ai-usage-3, ai-usage-4, alert, app-shell-1, app-shell-10, app-shell-11, app-shell-12, app-shell-13, app-shell-14, app-shell-15, app-shell-16, app-shell-17, app-shell-18, app-shell-19, app-shell-2, app-shell-20, app-shell-21, app-shell-22, app-shell-23, app-shell-24, app-shell-25, app-shell-26, app-shell-27, app-shell-28, app-shell-29, app-shell-3, app-shell-30, app-shell-31, app-shell-32, app-shell-33, app-shell-34, app-shell-35, app-shell-36, app-shell-4, app-shell-5, app-shell-6, app-shell-7, app-shell-8, app-shell-9, auth-1, auth-10, auth-11, auth-12, auth-13, auth-14, auth-15, auth-16, auth-17, auth-18, auth-19, auth-2, auth-20, auth-3, auth-4, auth-5, auth-6, auth-7, auth-8, auth-9, autocomplete, badge, blog-1, blog-2, blog-3, blog-4, blog-5, blog-6, c-accordion-1, c-accordion-10, c-accordion-11, c-accordion-2, c-accordion-3, c-accordion-4, c-accordion-5, c-accordion-6, c-accordion-7, c-accordion-8, c-accordion-9, c-alert-1, c-alert-10, c-alert-11, c-alert-12, c-alert-13, c-alert-14, c-alert-15, c-alert-16, c-alert-17, c-alert-18, c-alert-19, c-alert-2, c-alert-20, c-alert-3, c-alert-4, c-alert-5, c-alert-6, c-alert-7, c-alert-8, c-alert-9, c-alert-dialog-1, c-alert-dialog-10, c-alert-dialog-11, c-alert-dialog-12, c-alert-dialog-13, c-alert-dialog-14, c-alert-dialog-2, c-alert-dialog-3, c-alert-dialog-4, c-alert-dialog-5, c-alert-dialog-6, c-alert-dialog-7, c-alert-dialog-8, c-alert-dialog-9, c-aspect-ratio-1, c-aspect-ratio-2, c-aspect-ratio-3, c-aspect-ratio-4, c-aspect-ratio-5, c-aspect-ratio-6, c-aspect-ratio-7, c-aspect-ratio-8, c-attachment-1, c-attachment-2, c-attachment-3, c-attachment-4, c-attachment-5, c-attachment-6, c-autocomplete-1, c-autocomplete-10, c-autocomplete-11, c-autocomplete-12, c-autocomplete-2, c-autocomplete-3, c-autocomplete-4, c-autocomplete-5, c-autocomplete-6, c-autocomplete-7, c-autocomplete-8, c-autocomplete-9, c-avatar-1, c-avatar-10, c-avatar-11, c-avatar-12, c-avatar-13, c-avatar-14, c-avatar-15, c-avatar-16, c-avatar-17, c-avatar-18, c-avatar-19, c-avatar-2, c-avatar-20, c-avatar-21, c-avatar-22, c-avatar-23, c-avatar-24, c-avatar-25, c-avatar-26, c-avatar-27, c-avatar-28, c-avatar-29, c-avatar-3, c-avatar-30, c-avatar-31, c-avatar-32, c-avatar-33, c-avatar-34, c-avatar-35, c-avatar-4, c-avatar-5, c-avatar-6, c-avatar-7, c-avatar-8, c-avatar-9, c-badge-1, c-badge-10, c-badge-11, c-badge-12, c-badge-13, c-badge-14, c-badge-15, c-badge-16, c-badge-17, c-badge-18, c-badge-19, c-badge-2, c-badge-20, c-badge-21, c-badge-22, c-badge-23, c-badge-24, c-badge-25, c-badge-3, c-badge-4, c-badge-5, c-badge-6, c-badge-7, c-badge-8, c-badge-9, c-breadcrumb-1, c-breadcrumb-10, c-breadcrumb-11, c-breadcrumb-12, c-breadcrumb-13, c-breadcrumb-14, c-breadcrumb-15, c-breadcrumb-2, c-breadcrumb-3, c-breadcrumb-4, c-breadcrumb-5, c-breadcrumb-6, c-breadcrumb-7, c-breadcrumb-8, c-breadcrumb-9, c-bubble-1, c-bubble-2, c-bubble-3, c-bubble-4, c-bubble-5, c-bubble-6, c-bubble-7, c-button-1, c-button-10, c-button-11, c-button-12, c-button-13, c-button-14, c-button-15, c-button-16, c-button-17, c-button-18, c-button-19, c-button-2, c-button-20, c-button-21, c-button-22, c-button-23, c-button-24, c-button-25, c-button-26, c-button-27, c-button-28, c-button-29, c-button-3, c-button-30, c-button-31, c-button-32, c-button-33, c-button-34, c-button-35, c-button-36, c-button-37, c-button-38, c-button-39, c-button-4, c-button-40, c-button-41, c-button-42, c-button-43, c-button-44, c-button-45, c-button-46, c-button-47, c-button-48, c-button-49, c-button-5, c-button-50, c-button-51, c-button-52, c-button-53, c-button-54, c-button-55, c-button-56, c-button-57, c-button-58, c-button-59, c-button-6, c-button-60, c-button-61, c-button-7, c-button-8, c-button-9, c-button-group-1, c-button-group-10, c-button-group-11, c-button-group-12, c-button-group-13, c-button-group-14, c-button-group-15, c-button-group-16, c-button-group-17, c-button-group-18, c-button-group-19, c-button-group-2, c-button-group-20, c-button-group-21, c-button-group-22, c-button-group-23, c-button-group-24, c-button-group-25, c-button-group-26, c-button-group-27, c-button-group-28, c-button-group-29, c-button-group-3, c-button-group-30, c-button-group-31, c-button-group-32, c-button-group-33, c-button-group-34, c-button-group-35, c-button-group-36, c-button-group-37, c-button-group-38, c-button-group-39, c-button-group-4, c-button-group-40, c-button-group-41, c-button-group-42, c-button-group-43, c-button-group-44, c-button-group-45, c-button-group-46, c-button-group-47, c-button-group-48, c-button-group-49, c-button-group-5, c-button-group-50, c-button-group-51, c-button-group-52, c-button-group-53, c-button-group-54, c-button-group-55, c-button-group-56, c-button-group-57, c-button-group-6, c-button-group-7, c-button-group-8, c-button-group-9, c-calendar-1, c-calendar-10, c-calendar-11, c-calendar-12, c-calendar-13, c-calendar-14, c-calendar-15, c-calendar-16, c-calendar-17, c-calendar-18, c-calendar-19, c-calendar-2, c-calendar-20, c-calendar-21, c-calendar-22, c-calendar-23, c-calendar-24, c-calendar-25, c-calendar-26, c-calendar-27, c-calendar-28, c-calendar-29, c-calendar-3, c-calendar-30, c-calendar-4, c-calendar-5, c-calendar-6, c-calendar-7, c-calendar-8, c-calendar-9, c-card-1, c-card-10, c-card-11, c-card-12, c-card-13, c-card-14, c-card-15, c-card-16, c-card-17, c-card-18, c-card-2, c-card-3
@evilcharts
3,139
ActiveCharts/data vizaccessibilityanimationbackgrounds

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: recharts-chart, recharts-tooltip, recharts-legend, recharts-dot, recharts-brush, recharts-background, echarts-chart, echarts-tooltip, echarts-legend, echarts-dot, echarts-brush, echarts-area-chart, echarts-line-chart, echarts-bar-chart, echarts-composed-chart, echarts-radar-chart, echarts-pie-chart, echarts-radial-chart, echarts-sankey-chart, recharts-area-chart, recharts-line-chart, recharts-bar-chart, recharts-composed-chart, recharts-pie-chart, recharts-radial-chart, recharts-radar-chart, recharts-sankey-chart, ex-hover-highlight-echarts-area-chart, ex-echarts-area-chart, ex-svg-renderer-echarts-area-chart, ex-brush-echarts-area-chart, ex-buffer-echarts-area-chart, ex-hover-reveal-echarts-area-chart, ex-animated-dashed-stroke-echarts-area-chart, ex-bump-curve-type-echarts-area-chart, ex-dashed-stroke-echarts-area-chart, ex-default-type-echarts-area-chart, ex-dotted-area-variant-echarts-area-chart, ex-expanded-type-echarts-area-chart, ex-gradient-area-variant-echarts-area-chart, ex-gradient-colors-echarts-area-chart, ex-gradient-colors-bump-echarts-area-chart, ex-gradient-reverse-area-variant-echarts-area-chart, ex-hatched-area-variant-echarts-area-chart, ex-lines-area-variant-echarts-area-chart, ex-loading-state-echarts-area-chart, ex-monotoney-curve-type-echarts-area-chart, ex-solid-area-variant-echarts-area-chart, ex-solid-stroke-echarts-area-chart, ex-stacked-type-echarts-area-chart, ex-step-curve-type-echarts-area-chart, ex-echarts-line-chart, ex-svg-renderer-echarts-line-chart, ex-gradient-colors-echarts-line-chart, ex-gradient-colors-bump-echarts-line-chart, ex-loading-state-echarts-line-chart, ex-bump-curve-type-echarts-line-chart, ex-step-curve-type-echarts-line-chart, ex-monotoney-curve-type-echarts-line-chart, ex-solid-stroke-echarts-line-chart, ex-dashed-stroke-echarts-line-chart, ex-animated-dashed-stroke-echarts-line-chart, ex-glowing-desktop-echarts-line-chart, ex-glowing-mobile-echarts-line-chart, ex-buffer-echarts-line-chart, ex-hover-reveal-echarts-line-chart, ex-dot-default-echarts-line-chart, ex-dot-border-echarts-line-chart, ex-dot-colored-border-echarts-line-chart, ex-dot-ping-echarts-line-chart, ex-legend-square-echarts-line-chart, ex-legend-circle-echarts-line-chart, ex-legend-circle-outline-echarts-line-chart, ex-legend-rounded-square-echarts-line-chart, ex-legend-rounded-square-outline-echarts-line-chart, ex-legend-vertical-bar-echarts-line-chart, ex-legend-horizontal-bar-echarts-line-chart, ex-echarts-bar-chart, ex-svg-renderer-echarts-bar-chart, ex-buffer-echarts-bar-chart, ex-gradient-colors-echarts-bar-chart, ex-loading-state-echarts-bar-chart, ex-default-variant-echarts-bar-chart, ex-expandable-variant-echarts-bar-chart, ex-max-highlight-echarts-bar-chart, ex-blocks-variant-echarts-bar-chart, ex-hatched-variant-echarts-bar-chart, ex-duotone-variant-echarts-bar-chart, ex-duotone-reverse-variant-echarts-bar-chart, ex-gradient-variant-echarts-bar-chart, ex-stripped-variant-echarts-bar-chart, ex-stacked-type-echarts-bar-chart, ex-percent-type-echarts-bar-chart, ex-horizontal-layout-echarts-bar-chart, ex-hover-highlight-echarts-bar-chart, ex-glowing-desktop-echarts-bar-chart, ex-glowing-mobile-echarts-bar-chart, ex-tooltip-default-echarts-bar-chart, ex-tooltip-frosted-glass-echarts-bar-chart, ex-chart-config-default-echarts-bar-chart, ex-chart-config-icons-echarts-bar-chart, ex-echarts-composed-chart, ex-svg-renderer-echarts-composed-chart, ex-gradient-colors-echarts-composed-chart, ex-loading-state-echarts-composed-chart, ex-hatched-variant-echarts-composed-chart, ex-duotone-variant-echarts-composed-chart, ex-gradient-variant-echarts-composed-chart, ex-stripped-variant-echarts-composed-chart, ex-dashed-stroke-echarts-composed-chart, ex-animated-dashed-stroke-echarts-composed-chart, ex-bump-curve-echarts-composed-chart, ex-dots-echarts-composed-chart, ex-hover-highlight-echarts-composed-chart, ex-glowing-echarts-composed-chart, ex-echarts-radar-chart, ex-svg-renderer-echarts-radar-chart, ex-lines-variant-echarts-radar-chart, ex-circle-grid-echarts-radar-chart, ex-gradient-colors-echarts-radar-chart, ex-loading-state-echarts-radar-chart, ex-echarts-pie-chart, ex-svg-renderer-echarts-pie-chart, ex-gradient-colors-echarts-pie-chart, ex-donut-echarts-pie-chart, ex-padded-echarts-pie-chart, ex-overlapping-padded-echarts-pie-chart, ex-labels-echarts-pie-chart, ex-loading-state-echarts-pie-chart, ex-outside-labels-echarts-pie-chart, ex-echarts-radial-chart, ex-svg-renderer-echarts-radial-chart, ex-semi-variant-echarts-radial-chart, ex-gradient-colors-echarts-radial-chart, ex-loading-state-echarts-radial-chart, ex-echarts-sankey-chart, ex-svg-renderer-echarts-sankey-chart, ex-gradient-colors-echarts-sankey-chart, ex-loading-state-echarts-sankey-chart, ex-solid-link-variant-echarts-sankey-chart, ex-source-link-variant-echarts-sankey-chart, ex-labeled-nodes-echarts-sankey-chart, ex-outside-labels-echarts-sankey-chart, ex-solid-labeled-nodes-echarts-sankey-chart, ex-area-chart, ex-brush-area-chart, ex-gradient-colors-area-chart, ex-gradient-colors-bump-area-chart, ex-loading-state-area-chart, ex-default-type-area-chart, ex-stacked-type-area-chart, ex-expanded-type-area-chart, ex-bump-curve-type-area-chart, ex-step-curve-type-area-chart, ex-monotoney-curve-type-area-chart, ex-solid-stroke-area-chart, ex-dashed-stroke-area-chart, ex-animated-dashed-stroke-area-chart, ex-gradient-area-variant-area-chart, ex-gradient-reverse-area-variant-area-chart, ex-solid-area-variant-area-chart, ex-dotted-area-variant-area-chart, ex-lines-area-variant-area-chart, ex-hatched-area-variant-area-chart, ex-line-chart, ex-dot-default-line-chart, ex-dot-border-line-chart, ex-dot-colored-border-line-chart, ex-gradient-colors-line-chart, ex-gradient-colors-bump-line-chart, ex-loading-state-line-chart, ex-bump-curve-type-line-chart, ex-step-curve-type-line-chart, ex-monotoney-curve-type-line-chart, ex-solid-stroke-line-chart, ex-dashed-stroke-line-chart, ex-animated-dashed-stroke-line-chart, ex-glowing-desktop-line-chart, ex-glowing-mobile-line-chart, ex-buffer-line-chart, ex-bg-dots-line-chart, ex-bg-grid-line-chart, ex-bg-cross-hatch-line-chart, ex-bg-diagonal-lines-line-chart, ex-bg-plus-line-chart, ex-bg-falling-triangles-line-chart, ex-bg-4-pointed-star-line-chart, ex-bg-tiny-checkers-line-chart, ex-bg-overlapping-circles-line-chart, ex-bg-wiggle-lines-line-chart, ex-bg-bubbles-line-chart, ex-buffer-bar-chart, ex-bar-chart, ex-gradient-colors-bar-chart, ex-loading-state-bar-chart, ex-default-variant-bar-chart, ex-hatched-variant-bar-chart, ex-duotone-variant-bar-chart, ex-duotone-reverse-variant-bar-chart, ex-gradient-variant-bar-chart, ex-stripped-variant-bar-chart, ex-stacked-type-bar-chart, ex-percent-type-bar-chart, ex-horizontal-layout-bar-chart, ex-hover-highlight-bar-chart, ex-glowing-desktop-bar-chart, ex-glowing-mobile-bar-chart, ex-composed-chart, ex-gradient-colors-composed-chart, ex-loading-state-composed-chart, ex-hatched-variant-composed-chart, ex-duotone-variant-composed-chart, ex-gradient-variant-composed-chart, ex-stripped-variant-composed-chart, ex-dashed-stroke-composed-chart, ex-animated-dashed-stroke-composed-chart, ex-bump-curve-composed-chart, ex-dots-composed-chart, ex-hover-highlight-composed-chart, ex-glowing-composed-chart, ex-pie-chart, ex-gradient-colors-pie-chart, ex-donut-pie-chart, ex-padded-pie-chart, ex-overlapping-padded-pie-chart, ex-labels-pie-chart, ex-loading-state-pie-chart, ex-glowing-pie-chart, ex-radial-chart, ex-semi-variant-radial-chart, ex-gradient-colors-radial-chart, ex-loading-state-radial-chart, ex-radar-chart, ex-lines-variant-radar-chart, ex-circle-grid-radar-chart, ex-gradient-colors-radar-chart, ex-loading-state-radar-chart, ex-glowing-radar-chart, ex-sankey-chart, ex-gradient-colors-sankey-chart, ex-loading-state-sankey-chart, ex-solid-link-variant-sankey-chart, ex-source-link-variant-sankey-chart, ex-labeled-nodes-sankey-chart, ex-outside-labels-sankey-chart, ex-solid-labeled-nodes-sankey-chart, ex-tooltip-default-bar-chart, ex-tooltip-frosted-glass-bar-chart, ex-legend-square-line-chart, ex-legend-circle-line-chart, ex-legend-circle-outline-line-chart, ex-legend-rounded-square-line-chart, ex-legend-rounded-square-outline-line-chart, ex-legend-vertical-bar-line-chart, ex-legend-horizontal-bar-line-chart, ex-chart-config-default-bar-chart, ex-chart-config-icons-bar-chart, monospace-bar-chart, hover-trace-bar-chart, grid-bar-chart, isometric-bar-chart, latency-echarts-area-chart, portfolio-echarts-area-chart, benchmark-echarts-area-chart, audience-echarts-area-chart, market-share-echarts-pie-chart, progress-rings-echarts-pie-chart, budget-echarts-radial-chart, ride-echarts-radial-chart, cache-tiers-echarts-radial-chart, revenue-mix-echarts-pie-chart, reliability-score-echarts-pie-chart, payouts-echarts-line-chart, shipments-echarts-line-chart, grid-echarts-bar-chart, monospace-echarts-bar-chart, peak-echarts-bar-chart, allocation-echarts-sankey-chart, pipeline-echarts-sankey-chart
@prompt-kit
3,135
ActiveFeaturedAI/chat UIaccessibilityaiblocks

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: prompt-input, code-block, markdown, message, chat-container, scroll-button, loader, prompt-suggestion, response-stream, reasoning, file-upload, jsx-preview, tool, source, image, steps, system-message, chain-of-thought, text-shimmer, thinking-bar, feedback-bar, chatbot, tool-calling
@ai-elements
2,499
ActiveFeaturedAI/chat UIaccessibilityaiaudio

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.

WebsiteDocsGitHubRegistry JSON
Components: agent, artifact, attachments, audio-player, canvas, chain-of-thought, checkpoint, code-block, commit, confirmation, connection, context, controls, conversation, edge, environment-variables, file-tree, image, inline-citation, jsx-preview, message, mic-selector, model-selector, node, open-in-chat, package-info, panel, persona, plan, prompt-input, question, queue, reasoning, sandbox, schema-display, shimmer, snippet, sources, speech-input, stack-trace, suggestion, task, terminal, test-results, tool, toolbar, transcription, voice-selector, web-preview, example-agent, example-artifact, example-attachments-inline, example-attachments-list, example-attachments, example-audio-player-remote, example-audio-player, example-chain-of-thought, example-chatbot, example-checkpoint, example-code-block-dark, example-code-block, example-commit, example-confirmation-accepted, example-confirmation-rejected, example-confirmation-request, example-confirmation, example-context, example-conversation, example-demo-chatgpt, example-demo-claude, example-demo-cursor, example-demo-grok, example-demo-workflow, example-environment-variables, example-file-tree-basic, example-file-tree-expanded, example-file-tree-selection, example-file-tree, example-image, example-inline-citation, example-jsx-preview, example-message, example-mic-selector, example-model-selector, example-open-in-chat, example-package-info, example-persona-command, example-persona-glint, example-persona-halo, example-persona-mana, example-persona-obsidian, example-persona-opal, example-plan, example-prompt-input-cursor, example-prompt-input-tooltip, example-prompt-input, example-question-freeform, example-question-multi-select, example-question-single-select, example-question, example-queue-prompt-input, example-queue, example-reasoning, example-sandbox, example-schema-display-basic, example-schema-display-body, example-schema-display-nested, example-schema-display-params, example-schema-display, example-shimmer-duration, example-shimmer-elements, example-shimmer, example-snippet-plain, example-snippet, example-sources-custom, example-sources, example-speech-input, example-stack-trace-collapsed, example-stack-trace-no-internal, example-stack-trace, example-suggestion-input, example-suggestion, example-task, example-terminal-basic, example-terminal-clear, example-terminal-streaming, example-terminal, example-test-results-basic, example-test-results-errors, example-test-results-suites, example-test-results, example-tool-input-available, example-tool-input-streaming, example-tool-output-available, example-tool-output-error, example-tool, example-transcription, example-v0-clone, example-voice-selector, example-web-preview, example-workflow
@mui-treasury
2,441
ActiveFeaturedDesign systemaccessibilityaestheticai

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.

WebsiteDocsGitHubRegistry JSON
Components: accordion-mui-treasury, ai-actions, ai-artifact, ai-branch, ai-chain-of-thought, ai-code-block, ai-context, ai-conversation, ai-elements, ai-image, ai-inline-citation, ai-loader, ai-message, ai-open-in-chat, ai-prompt-input, ai-reasoning, ai-response, ai-sources, ai-suggestion, ai-task, ai-tool, ai-web-preview, alert-mui-treasury, app-analytics, app-bar-mui-treasury, app-footer-01, app-messenger, app-react-legacy, app-shopping-cart, autocomplete-mui-treasury, avatar-mui-treasury, badge-mui-treasury, breadcrumbs-mui-treasury, button-group-mui-treasury, button-mui-treasury, call-volume-trends, card-action-01, card-action-02, card-blog, card-engagement, card-galaxy, card-highlight, card-kanban, card-music, card-news, card-news2, card-news3, card-offer, card-post, card-preview-01, card-profile, card-project, card-review, card-review2, card-reward, card-social, card-solid-game, card-sysi, card-tag, card-team, card-tutor, carousel-css-01, checkbox-mui-treasury, chip-mui-treasury, collapsible, collapsible-icon, color-picker-field, color-scheme-select-basic, color-scheme-select-icon, color-scheme-select-minimal, color-scheme-tabs-basic, command-search-ui, customer-metrics-card, dashboard-sidebar, data-metrics, database-metrics-card, dialog-mui-treasury, dropzone-01, file-upload-field, firebase-analyze-image, firebase-chat-transport, firebase-generate-text, firebase-google-search, firebase-image-generation, firebase-story-telling, firebase-thinking-model, firebase-tool-calling, info-apex, info-basic, info-beats, info-blog, info-chatz, info-n01, info-n02, info-n03, info-n04, keycap-01, layout-core, layout-docs-edge-sidebar, layout-docs-footer, layout-docs-header, layout-docs-inset-sidebar, layout-docs-root, layout-edge-sidebar-auto-collapse, layout-edge-sidebar-collapse, layout-edge-sidebar-drawer, layout-edge-sidebar-drawer-without-overlay, layout-edge-sidebar-hover-uncollapse, layout-edge-sidebar-responsive, layout-edge-sidebar-right, layout-edge-sidebar-visibility, layout-edge-sidebar-width, layout-footer-inset-avoiding, layout-header-clip, layout-header-height, layout-inset-sidebar-absolute, layout-inset-sidebar-sticky, layout-inset-sidebar-width, layout-root-disable-transition, layout-root-height, layout-root-standalone, list-item-01, list-item-02, list-mui-treasury, login-form, login-form-split, members-metric, menu-mui-treasury, menubar-01, meter-01, mui-treasury, nav-menu-01, nav-menu-02, number-field-01, number-field-02, number-input, pagination-mui-treasury, payment-history-chart, payment-overview-card, payroll-summary-card, popup-menu, portfolio-value-chart, preference-settings, product-card, product-card2, progress-mui-treasury, project-invite-modal, radio-card-01, radio-color-01, radio-mui-treasury, radio-segment-01, rating-mui-treasury, select-inset-01, select-mui-treasury, shared, sidebar, sidebar-group, sidebar-menus, sidebar-navigation, sidebar-text, sidebar-tooltip, sla-performance-card, slider-mui-treasury, snackbar-mui-treasury, sonner, sonner2, space-login, stepper-mui-treasury, switch-mui-treasury, table-mui-treasury, tabs-01, tabs-02, tabs-apple, tabs-chip-01, tabs-chrome, tabs-contained, tabs-elevated, tabs-firebase, tabs-inside-triangle, tabs-instagram, tabs-mui-treasury, tabs-pill, tabs-plain, tabs-serrated, tabs-twitter, text-field-mui-treasury, ticket-status-card, toggle-button-mui-treasury, tooltip-mui-treasury, transaction-history-list, typography-mui-treasury, use-number-input
ElevenLabs
@elevenlabs-ui
2,432
ActiveFeaturedAI/chat UIaiaudiodesign-system

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.

WebsiteDocsGitHubRegistry JSON
@ncdai
2,406
ActiveFeaturedPersonal/portfolio registryaestheticaianimation

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: haptic, use-sound, use-controllable-state, theme-switcher, text-flip, apple-hello-effect, apple-hello-effect-hindi, apple-hello-effect-spanish, apple-hello-effect-vietnamese, swipe-actions, wheel-picker, chevrons-up-down-icon, typography, work-experience, shimmering-text, slide-to-unlock, testimonials-marquee, testimonial, github-stars, scroll-fade-effect, consent-manager, copy-button, code-block-command, testimonial-spotlight, glow-card-grid, middle-truncation, twemoji, elastic-slider, contribution-graph, github-contributions, toc-minimap, fluid-gradient-text, brand-assets-menu, icon-swap, dot-grid-spotlight, spinning-circular-text, mobius-loop-icon, logos-carousel, logos-flip, testimonial-2, line-nav, share-menu, spotlight-logo, timescale, status-button, carbon-ads, apple-carousel, jpg-card-holder, login-01, hero-01, blog-01, blog-02, testimonials-01, testimonials-02, experience-01, team-01, metrics-01, social-links-01, social-proof-01, not-found-01, style, theme-toggle-effect-triangle, theme-toggle-effect-triangle-blur, theme-toggle-effect-circle, theme-toggle-effect-circle-blur, theme-toggle-effect-circle-blur-top-left, theme-toggle-effect-polygon, theme-toggle-effect-polygon-gradient, thin-scrollbar
@tailark
2,335
ActiveFeaturedBlocks & sections (marketing/SaaS)proaianimationaudio

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: core-utils, core-use-media, core-accel, core-antigravity, core-beacon, core-bolt, core-cisco, core-claude, core-clerk, core-cloudflare, core-cohere, core-cursor, core-deepseek, core-drive, core-figma, core-firebase, core-gemini, core-gmail, core-google-palm, core-hulu, core-intellij, core-leap-wallet, core-linear, core-magicui, core-media-wiki, core-mediawiki, core-microsoft-excel, core-microsoft-word, core-mistral-ai, core-neon, core-open-ai, core-openai, core-paypal, core-pdf, core-perplexity-ai, core-polar, core-polars, core-prime, core-qwen, core-replit, core-salesforce, core-sequoia, core-shopify, core-slack, core-spotify, core-stripe, core-supabase, core-sva, core-tailwindcss, core-twilio, core-vercel, core-vs-code, core-vs-codium, core-windsurf, core-y-combinator, motion-primitives-animated-group, motion-primitives-infinite-slider, motion-primitives-progressive-blur, motion-primitives-text-effect, motion-primitives-text-scramble, motion-primitives-text-shimmer, core-copyright-year, core-logo, core-particles, core-response-stream, core-prompt-input, core-suggestion, accordion, aspect-ratio, avatar, button, card, carousel, chart, dialog, hover-card, input, label, loader, navigation-menu, scroll-area, select, sources, textarea, toggle, toggle-group, tooltip, context-menu, gantt, document, document-pdf, document-docx, document-xlx, document-txt, document-json, document-md, document-pptx, document-csv, document-html, document-zip, document-img, currency, campaign, invoice, message, uptime, poll, reply, visualization, keys, map, file-upload, actionnable, map-2, add-comment, campaign-2, chat, face-scan, face-scan-2, fingerprint-scan, fingerprint, document-analysis, metrics, invoice-signing, id-check, memory-usage, payment, poll-2, schedule, comment, user, users, collaboration, collaboration-comment, email, notes, notes-3, notes-2, kanban, kanban-2, kanban-3, calendar, calendar-2, calendar-3, calendar-4, calendar-5, calendar-6, calendar-7, calendar-8, calendar-10, calendar-11, meeting, meeting-2, meeting-3, meeting-4, flow, flow-2, flow-4, flow-3, flow-5, flow-6, flow-8, flow-7, flow-9, flow-10, flow-11, flow-12, flow-13, ai-1, ai-2, ai-3, agent-workflow, models-3, models-4, translation-interface, model-selector, token-counter, model-training, models, models-2, ai-search, ai-search-2, ai-memory, integrations, text-to-speech, ai-autocomplete, ai-summarization, message-2, ai-chat-interface, ai-mentions, agent-task-planning, agent-feedback, ai-suggestion, workflow, agent-tasks, sleep-visualization, running-visualization, mobile-wallet, todo-app, shopping-cart, bank-stats, ride-sharing, food-delivery, mobile-card-form, sleep-tracker, mobile-wallet-area, mobile-wallet-line, mobile-ai-assistant, mobile-ai-suggestion, mobile-email, mobile-note, mobile-note-2, bento-8, bento-11, bento-5, bento-4, bento-14, bento-9, bento-1, bento-7, bento-6, bento-10, bento-13, bento-3, bento-12, bento-2, blog-blocks-5, blog-blocks-4, blog-blocks-1, blog-blocks-7, blog-blocks-6, blog-blocks-3, blog-blocks-2, call-to-action-1, call-to-action-3, call-to-action-2, code-demo-4, code-demo-1, code-demo-3, code-demo-2, comparator-5, comparator-4, comparator-1, comparator-7, comparator-6, comparator-3, comparator-2, contact-8, contact-5, contact-4, contact-9, contact-1, contact-7, contact-6, contact-10, contact-3, contact-2, content-5, content-4, content-1, content-7, content-6, content-3, content-2, description-list-8, description-list-5, description-list-4, description-list-1, description-list-7, description-list-6, description-list-3, description-list-2, expandable-features-8, expandable-features-18, expandable-features-11, expandable-features-15, expandable-features-5, expandable-features-4, expandable-features-14, expandable-features-9, expandable-features-19, expandable-features-1, expandable-features-7, expandable-features-17, expandable-features-6, expandable-features-16, expandable-features-10, expandable-features-13, expandable-features-3, expandable-features-12, expandable-features-20, expandable-features-21, expandable-features-22, expandable-features-2, faqs-5, faqs-4, faqs-1, faqs-3, faqs-2, features-8, features-11, features-15, features-5, features-4, features-14, features-9, features-1, features-7, features-6, features-16, features-10, features-13, features-3, features-12, features-2, features-carousel-5, features-carousel-4, features-carousel-1, features-carousel-3, features-carousel-2, footer-5, footer-4, footer-1, footer-3, footer-2, forgot-password-5, forgot-password-4, forgot-password-1, forgot-password-3, forgot-password-2, header-8, header-5, header-4, header-1, header-7, header-6, header-3, header-2, hero-section-8, hero-section-18, hero-section-11, hero-section-15, hero-section-5, hero-section-4, hero-section-14, hero-section-9, hero-section-19, hero-section-1, hero-section-7, hero-section-17, hero-section-6, hero-section-16, hero-section-10, hero-section-13, hero-section-3, hero-section-12, hero-section-20, hero-section-2, how-it-works-5, how-it-works-4, how-it-works-1, how-it-works-7, how-it-works-6, how-it-works-3, how-it-works-2, integrations-11, integrations-5, integrations-9, integrations-1, integrations-7, integrations-6, integrations-10, integrations-2, investors-5, investors-4, investors-1, investors-7, investors-6, investors-3, investors-2, login-blocks-8, login-blocks-11, login-blocks-5, login-blocks-4, login-blocks-9, login-blocks-1, login-blocks-7, login-blocks-6, login-blocks-10, login-blocks-3, login-blocks-2, logo-cloud-8, logo-cloud-5, logo-cloud-4, logo-cloud-9, logo-cloud-1, logo-cloud-7, logo-cloud-6, logo-cloud-10, logo-cloud-3
@data-table-filters
2,284
ActiveAI/chat UIaichartsoverlays

Data tables for React and shadcn/ui: faceted filters, sorting, infinite scroll, row detail sheet, and server-side filtering with Drizzle. Built on TanStack Table. Powered by openstatus.

WebsiteDocsGitHubRegistry JSON
Components: data-table, data-table-filter-command, data-table-cell, data-table-sheet, data-table-nuqs, data-table-zustand, data-table-schema, data-table-drizzle, data-table-query, data-table-filter-command-ai, data-table-mcp, data-table-actions, data-table-remote, data-table-chart, data-table-example-infinite
@kokonutui
2,221
ActiveFeaturedAnimated componentsproaestheticaianimation

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: ai-prompt, command-button, card-flip, smooth-drawer, halftone-background, shape-hero, ai-text-loading, carousel-cards, file-upload, action-search-bar, ai-input-search, cradle-text, currency-transfer, background-paths, dot-field, flow-field, topo-background, drape-background, apple-activity-card, ai-voice, smooth-tab, marking-menu, team-selector, detent-dial, liquid-slider, signature-pad, switch-button, pull-cord, tear-button, bell-button, bento-grid, hold-button, attract-button, gradient-button, v0-button, toolbar, ai-loading, ai-tool-approval, ai-context-meter, ai-citations, ai-diff-review, ai-model-selector, card-stack, notification-stack, liquid-gauge, activity-terrain, receipt-printer, metric-card, uptime-card, spending-ring, focal-point-picker, photo-straighten, clip-trimmer, synced-transcript, avatar-picker, wheel-picker, type-writer, swoosh-text, scroll-index, plucked-text, glitch-text, dynamic-text, particle-button, liquid-glass-card, profile-dropdown, loader, slide-text-button, morphic-navbar, status-island, morph-popover, lightbox-grid, spoiler-text, stack-panel, ai-autocomplete, undo-button, timezone-planner, page-flip, ai-token-alternatives, ai-branches, ai-agent-lanes, ai-inline-edit, ai-message-queue, ai-redact, ai-memory, marker-text, ink-background, caustics-background, rain-glass-background, shadow-text, seat-map, amount-pad, slide-to-confirm, save-button, cart-button, card-field, stay-picker, slot-picker, tip-selector, boarding-pass, split-flap-text, location-picker, contact-sheet, use-auto-resize-textarea, use-click-outside, use-copy-to-clipboard, use-mobile, utils
@diceui
2,099
ActiveFeaturedComponent library (general)accessibilityanimationaudio

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.

WebsiteDocsGitHubRegistry JSON
Components: action-bar, angle-slider, avatar-group, badge-overflow, banner, checkbox-group, circular-progress, color-picker, color-swatch, combobox, command-stack, compare-slider, cropper, editable, faceted, file-upload, fps, gauge, kanban, key-value, listbox, marquee, mask-input, masonry, media-player, mention, phone-input, presentation, qr-code, rating, relative-time-card, responsive-dialog, scroll-spy, scroller, segmented-input, selection-toolbar, sortable, speed-dial, stack, stat, status, stepper, swap, timeline, tags-input, time-picker, tour, action-bar-demo, action-bar-position-demo, angle-slider-demo, angle-slider-controlled-demo, angle-slider-range-demo, angle-slider-themes-demo, angle-slider-form-demo, compare-slider-demo, compare-slider-controlled-demo, compare-slider-customization-demo, compare-slider-vertical-demo, cropper-demo, cropper-controlled-demo, cropper-file-upload-demo, cropper-shapes-demo, data-grid-demo, data-table-demo, cropper-video-demo, file-upload-demo, file-upload-chat-input-demo, file-upload-circular-progress-demo, file-upload-direct-upload-demo, file-upload-fill-progress-demo, file-upload-form-demo, file-upload-uploadthing-demo, file-upload-validation-demo, avatar-group-demo, avatar-group-truncation-demo, avatar-group-rtl-demo, avatar-group-icons-demo, avatar-group-custom-overflow-demo, badge-overflow-demo, badge-overflow-multiline-demo, badge-overflow-interactive-demo, banner-demo, banner-stacked-demo, circular-progress-demo, circular-progress-interactive-demo, circular-progress-colors-demo, color-swatch-demo, color-swatch-sizes-demo, color-swatch-transparency-demo, color-picker-demo, color-picker-inline-demo, color-picker-controlled-demo, color-picker-form-demo, editable-demo, editable-double-click-demo, editable-autosize-demo, editable-todo-list-demo, editable-form-demo, fps-demo, fps-strategy-demo, gauge-demo, gauge-sizes-demo, gauge-colors-demo, gauge-variants-demo, hitbox-demo, hitbox-debug-demo, hitbox-positions-demo, hitbox-radii-demo, hitbox-sizes-demo, kanban-demo, kanban-dynamic-overlay-demo, key-value-demo, key-value-paste-demo, key-value-validation-demo, key-value-form-demo, scroller-demo, scroller-hidden-demo, scroller-horizontal-demo, scroller-navigation-demo, scroll-spy-demo, scroll-spy-controlled-demo, scroll-spy-vertical-demo, segmented-input-demo, segmented-input-form-demo, segmented-input-rgb-demo, segmented-input-vertical-demo, skip-nav-demo, sortable-demo, sortable-dynamic-overlay-demo, sortable-handle-demo, sortable-primitive-values-demo, stack-demo, stack-no-expand-demo, stack-side-demo, stepper-demo, stepper-form-demo, stepper-validation-demo, stepper-vertical-demo, stat-demo, stat-variants-demo, stat-layout-demo, status-demo, status-variants-demo, status-text-only-demo, status-list-demo, swap-demo, swap-animations-demo, qr-code-demo, qr-code-customization-demo, qr-code-overlay-demo, qr-code-formats-demo, relative-time-card-demo, relative-time-card-basic-demo, relative-time-card-variants-demo, relative-time-card-timezones-demo, rating-demo, rating-themes-demo, rating-controlled-demo, rating-form-demo, responsive-dialog-demo, responsive-dialog-confirm-demo, mask-input-demo, mask-input-custom-pattern-demo, mask-input-validation-modes-demo, mask-input-card-information-demo, mask-input-form-demo, media-player-demo, media-player-audio-demo, media-player-error-demo, media-player-hls-demo, media-player-playlist-demo, media-player-settings-demo, masonry-demo, masonry-linear-demo, masonry-ssr-demo, pending-demo, pending-form-demo, pending-link-demo, pending-switch-demo, pending-wrapper-demo, phone-input-demo, phone-input-form-demo, phone-input-custom-countries-demo, presentation-demo, presentation-editing-demo, marquee-demo, marquee-logo-demo, marquee-rtl-demo, marquee-vertical-demo, timeline-demo, timeline-alternate-demo, timeline-custom-dot-demo, timeline-horizontal-demo, timeline-horizontal-alternate-demo, timeline-rtl-demo, time-picker-demo, time-picker-controlled-demo, time-picker-form-demo, time-picker-input-group-click-action-demo, time-picker-open-on-focus-demo, time-picker-placeholder-demo, time-picker-seconds-demo, time-picker-step-demo, selection-toolbar-demo, selection-toolbar-info-demo, speed-dial-demo, speed-dial-controlled-demo, speed-dial-hover-demo, speed-dial-labels-demo, speed-dial-side-demo, tour-demo, tour-controlled-demo, checkbox-group-demo, checkbox-group-animated-demo, checkbox-group-horizontal-demo, checkbox-group-multi-selection-demo, checkbox-group-validation-demo, combobox-demo, combobox-custom-filter-demo, combobox-debounced-demo, combobox-groups-demo, combobox-multiple-demo, combobox-tags-demo, combobox-virtualized-demo, listbox-grid-demo, listbox-group-demo, listbox-horizontal-demo, mention-demo, mention-custom-filter-demo, mention-custom-trigger-demo, tags-input-demo, tags-input-editable-demo, tags-input-sortable-demo, tags-input-validation-demo, faceted-demo, faceted-multiple-demo, faceted-groups-demo, faceted-async-demo, faceted-controlled-demo, command-stack-demo, command-stack-dialog-demo, command-stack-popover-demo, command-stack-async-demo, command-stack-workspace-demo, utils, compose-refs, client-only, direction-provider, hitbox, pending, portal, presence, presentation-zoom-select, skip-nav, visually-hidden, visually-hidden-input, use-as-ref, use-isomorphic-layout-effect, use-lazy-ref, use-mobile
@8bitcn
2,060
ActiveAnimated componentsaestheticanimationaudio

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: chapter-intro, button, button-group, input, toast, input-otp, badge, textarea, calendar, date-picker, card, carousel, dialog, dropdown-menu, hover-card, popover, resizable, select, sheet, label, checkbox, scroll-area, switch, alert, alert-dialog, tooltip, avatar, skeleton, breadcrumb, collapsible, progress, enemy-health-display, health-bar, mana-bar, xp-bar, game-progress, dialogue, profile-card, slider, context-menu, menubar, toggle, table, tabs, combo-box, command, separator, radio-group, pagination, friend-list, login-form, login-form-2, login-form-with-image, login-page, chart, chart-bar, chart-area-step, main-menu, pause-menu, game-over, audio-settings, toggle-group, sidebar, accordion, drawer, navigation-menu, difficulty-select, leaderboard, player-profile-card, quest-log, save-slots, dashboard-01, theme-selector, spinner, kbd, retro-mode-switcher, empty, item, character-sheet, victory-screen, loading-screen, hero1, hero2, feature1, hero3, feature2, feature3, pricing1, pricing2, faq1, faq2, faq3, social-proof1, social-proof2, social-proof3, timeline1, timeline2, timeline3, cta1, cta2, footer1, team1, team2, team3, advanced1, advanced2, advanced3, game-hero1, game-roadmap1, game-hero2, game-cta1, game-features1, game-team1, game-faq1, not-found1, not-found2, not-found3, not-found-crate-pusher, not-found-brick-breaker, portal-transition, duel-block
@intentui
1,979
ActiveFeaturedComponent library (general)accessibilityauthbuttons

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: theme-default, theme-blue, theme-sky, theme-indigo, theme-emerald, theme-teal, theme-purple, theme-pink, theme-rose, theme-green, theme-lime, theme-cyan, area-chart, avatar, badge, bar-chart, breadcrumbs, button-group, button, calendar, card, carousel, chart, checkbox, choice-box, color-area, color-field, color-picker, color-slider, color-swatch-picker, color-swatch, color-thumb, color-wheel, combo-box, command-menu, container, date-field, date-picker, date-range-picker, description-list, dialog, disclosure-group, drop-zone, dropdown, field, file-trigger, grid-list, heading, input-otp, input, keyboard, leaderboard, line-chart, link, list-box, loader, menu, meter, multiple-select, native-select, navbar, note, number-field, pagination, pie-chart, popover, preview, progress-bar, progress-circle, radar-chart, radial-bar-chart, radio, range-calendar, scroll-area, search-field, select, separator, sheet, show-more, sidebar, skeleton, slider, snippet, switch, table, tabs, tag-field, tag-group, text-field, text, textarea, time-field, toast, toggle-group, toggle, toolbar, tooltip, tracker, tree, tracker-example, tracker-without-tooltip-example, radial-bar-chart-custom-colors-example, radial-bar-chart-example, radial-bar-chart-gauge-example, radial-bar-chart-multiple-example, radar-chart-circular-grid-example, radar-chart-custom-colors-example, radar-chart-example, radar-chart-multiple-example, pie-chart-custom-colors-example, pie-chart-donut-custom-label-example, pie-chart-donut-example, pie-chart-example, pie-chart-gap-example, pie-chart-interactive-example, line-chart-controlled-example, line-chart-custom-colors-example, line-chart-custom-format-example, line-chart-custom-legend-example, line-chart-custom-tooltip-example, line-chart-example, line-chart-monotone-example, line-chart-stacked-example, leaderboard-controlled-example, leaderboard-currency-example, leaderboard-example, leaderboard-header-example, leaderboard-icon-example, leaderboard-percentage-example, bar-chart-controlled-example, bar-chart-custom-colors-example, bar-chart-custom-format-example, bar-chart-custom-legend-example, bar-chart-custom-tooltip-example, bar-chart-example, bar-chart-monotone-example, bar-chart-stacked-example, area-chart-controlled-example, area-chart-custom-colors-example, area-chart-custom-format-example, area-chart-custom-legend-example, area-chart-custom-tooltip-example, area-chart-example, area-chart-monotone-example, area-chart-stacked-example, text-basic-example, text-link-example, show-more-as-text-example, show-more-controlled-example, show-more-example, show-more-orientation-example, separator-example, separator-orientation-example, heading-example, heading-level-example, description-list-card-example, description-list-example, description-list-heading-example, card-action-example, card-example, card-login-form-example, card-table-example, toast-action-example, toast-description-example, toast-example, toast-positions-example, toast-promise-example, toast-status-example, skeleton-dynamic-content-example, skeleton-example, progress-circle-color-example, progress-circle-controlled-example, progress-circle-custom-size-example, progress-circle-example, progress-circle-indeterminate-example, indeterminate-progress-bar-example, progress-bar-example, note-example, note-intent-example, meter-currency-format-example, meter-decimal-format-example, meter-example, loader-example, loader-size-example, loader-variant-example, badge-example, badge-intent-example, badge-shape-example, select-controlled-example, select-details-description-example, select-disabled-example, select-example, select-multiple-example, select-searchable-example, select-section-example, select-uncontrolled-example, select-validation-example, select-with-avatar-example, select-with-icon-example, native-select-controlled-example, native-select-description-example, native-select-disabled-example, native-select-example, native-select-invalid-example, native-select-label-example, native-select-uncontrolled-example, multiple-select-controlled-example, multiple-select-disabled-example, multiple-select-example, multiple-select-invalid-example, combo-box-avatar-example, combo-box-controlled-example, combo-box-controlled-selection-example, combo-box-custom-value-example, combo-box-detail-description-example, combo-box-disabled-example, combo-box-example, combo-box-invalid-example, combo-box-multi-select-example, combo-box-readonly-example, combo-box-section-example, combo-box-validation-example, tooltip-delay-example, tooltip-example, tooltip-intent-example, tooltip-placement-example, tooltip-without-arrow-example, sheet-controlled-example, sheet-custom-close-example, sheet-example, sheet-float-example, sheet-menu-example, sheet-position-example, sheet-prevent-dismissal-example, sheet-snap-points-example, sheet-stacking-example, sheet-sticky-example, preview-custom-trigger, preview-example, preview-no-delay-example, popover-arrow-example, popover-controlled-example, popover-custom-close, popover-example, popover-placement-example, popover-trigger-example, alert-dialog-example, dialog-controlled-example, dialog-example, dialog-nested-example, dialog-size-example, dialog-sticky-example, dialog-triggered-by-menu-example, option-preview, tabs-disabled-example, tabs-example, tabs-icons-example, tabs-link-example, tabs-orientation-example, snippet-example, pagination-example, simple-pagination-example, link-button-example, link-disabled-example, link-example, link-unstyled-example, disclosure-controlled-example, disclosure-disabled-example, disclosure-example, disclosure-group-allow-multiple-expand-example, disclosure-group-default-expand-example, disclosure-group-disabled-example, disclosure-group-example, disclosure-group-nested-example, disclosure-group-with-icon-example, breadcrumbs-collections-example, breadcrumbs-current-example, breadcrumbs-example, breadcrumbs-menu-example, breadcrumbs-separator-example, carousel-api-example, carousel-autoplay-example, carousel-example, carousel-options-example, carousel-orientation-example, avatar-basic-example, avatar-group-example, avatar-initials-example, avatar-shape-example, avatar-size-example, textarea-autocomplete-example, textarea-controlled-example, textarea-description-example, textarea-disabled-example, textarea-example, textarea-readonly-example, textarea-uncontrolled-example, textarea-validation-example, text-field-controlled-example, text-field-description-example, text-field-disabled-example, text-field-example, text-field-prefix-suffix-example, text-field-readonly-example, text-field-revealable-example, text-field-suffix-button-example, text-field-uncontrolled-example, text-field-validation-example, tag-field-controlled-example, tag-field-disabled-example, tag-field-example, search-field-controlled-example, search-field-description-example, search-field-disabled-example, search-field-example, search-field-readonly-example, search-field-uncontrolled-example, search-field-validation-example, search-field-with-label-example, radio-group-controlled-example, radio-group-description-example, radio-group-disabled-example, radio-group-example, radio-group-orientation-example, radio-group-uncontrolled-example, radio-group-validation-example, number-field-controlled-example, number-field-disabled-example, number-field-example, number-field-invalid-example, number-field-uncontrolled-example, input-otp-controlled-example, input-otp-example, input-otp-separator-example, input-basic-example, input-controlled-example, input-group-example, input-label-description-example, input-text-field-example, field-example, checkbox-controlled-example, checkbox-description-example, checkbox-disabled-example, checkbox-example, checkbox-group-controlled-example, checkbox-group-description-example, checkbox-group-disabled-example, checkbox-group-example, checkbox-group-indeterminate-example, checkbox-group-uncontrolled-example, checkbox-group-validation-example, checkbox-indeterminate-example, checkbox-invalid-example, checkbox-uncontrolled-example, drop-zone-and-file-trigger-example, drop-zone-example, time-field-controlled-example, time-field-disabled-example, time-field-example, time-field-hc-example, time-field-readonly-example, time-field-validation-example, date-range-picker-controlled-example, date-range-picker-custom-validation-example, date-range-picker-disabled-example, date-range-picker-example, date-range-picker-time-example, date-range-picker-validation-example, date-range-picker-visible-duration-example, date-picker-controlled-example, date-picker-custom-validation-example, date-picker-disabled-example, date-picker-example, date-picker-required-example, date-time-example, date-field-controlled-example, date-field-disabled-example, date-field-example, date-field-readonly-example, date-field-uncontrolled-example, date-field-validation-example, date-time-field-example, calendar-example, range-calendar-controlled-example, range-calendar-example, range-calendar-uncontrolled-example, toolbar-disabled-example, toolbar-example, toolbar-orientation-example, switch-controlled-example, switch-custom-layout-example, switch-description-example, switch-disabled-example, switch-example, switch-uncontrolled-example, slider-controlled-example, slider-description-example, slider-disabled-example, slider-example, slider-orientation-example
@eldoraui
1,972
ActiveFeaturedAnimated components3daestheticanimation

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.

WebsiteDocsGitHubRegistry JSON
Components: index, safari-browser, macbook-pro, iphone-17-pro, ipad, browser, cobe-globe, github-inline-comments, animated-badge, grid, clerk-otp, marquee, integrations, terminal, testimonal-slider, map, svg-ripple-effect, animated-frameworks, blur-in-text, fade-text, gradual-spacing-text, letter-pull-up-text, multi-direction-slide-text, seperate-away-text, wavy-text, word-pull-up-text, novatrix-background, photon-beam, hacker-background, card-flip-hover, scale-letter-text, font-weight-text, animated-grid-pattern, live-button, animated-shiny-button, animated-list, orbit-rotation, logo-timeline, dock-text, holographic-card, safari-browser-demo, macbook-pro-demo, iphone-17-pro-demo, ipad-demo, browser-demo, browser-demo-2, cobe-globe-demo, cobe-globe-demo-2, cobe-globe-demo-3, cobe-globe-demo-4, cobe-globe-demo-5, github-inline-comments-demo, animated-badge-demo, grid-demo, grid-demo-2, grid-demo-3, grid-demo-4, grid-demo-5, clerk-otp-demo, clerk-otp-demo-2, integrations-demo, integrations-demo-2, terminal-demo, testimonal-slider-demo, map-demo, svg-ripple-effect-demo, svg-ripple-effect-demo-2, animated-frameworks-demo, blur-in-text-demo, fade-text-demo, fade-text-demo-2, fade-text-demo-3, gradual-spacing-text-demo, letter-pull-up-text-demo, multi-direction-slide-text-demo, seperate-away-text-demo, wavy-text-demo, word-pull-up-text-demo, novatrix-background-demo, novatrix-background-demo-2, photon-beam-demo, hacker-background-demo, hacker-background-demo-2, card-flip-hover-demo, scale-letter-text-demo, font-weight-text-demo, animated-grid-pattern-demo, live-button-demo, animated-shiny-button-demo, animated-list-demo, orbit-rotation-demo, logo-timeline-demo, logo-timeline-demo-2, dock-text-demo, dock-text-demo-2, holographic-card-demo, holographic-card-demo-2, holographic-card-demo-3, utils, header-01, header-02, logo-cloud-01, logo-cloud-02, logo-cloud-03, logo-cloud-04, testimonal-01, testimonal-02, testimonal-03, features-01, cta-01, cta-02, cta-03, pricing-01, pricing-02, footer-01
@shadcn-studio
1,966
ActiveFeaturedComponent library (general)proaccessibilityaestheticanimation

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.

WebsiteDocsGitHubComponentsRegistry JSON
@beui
1,884
ActiveFeaturedAnimated componentsproaianimationaudio

Bespoke motion components for React. Copy-paste components with shadcn-compatible installs, Tailwind CSS v4, and Motion.

WebsiteDocsGitHubComponentsRegistry JSON
Components: timeline, alert, collapsible, aspect-ratio, arc-picker, sortable-stack, morphing-lightbox, date-range-picker, card, color-picker, color-selector, breadcrumb, tilt-card, button-metallic, button-base, button-stateful, button-magnetic, expanding-arrow-button, hold-action-button, slide-action-button, expandable-control, adaptive-stepper, marquee, tabs, switch, input, select, select-morph, combobox, multi-select, checkbox, radio, bottom-sheet, pull-to-refresh, shared-layout-bg, bounce-sidebar, animated-sidebar, file-tree, preview-rail, dock, tooltip, context-menu, popover, popover-morph, morphing-modal, center-morph-modal, text-scramble, chromatic-text-reveal, text-reveal, text-shimmer, text-cascade, digit-swap, number-ticker, animated-number, animated-badge, action-swap-cascade, action-swap-blur, action-swap-roll, animated-toast-stack, theme-toggle, bouncy-accordion, drawer, smooth-scroll, scroll-progress, parallax, scroll-to, scroll-reveal, range-slider-inline, range-slider, range-slider-fluid, range-slider-wave, range-slider-bubble, range-slider-ruler, wheel-picker, table, table-editable, table-async, shader-background, cylinder-carousel, loader, sankey-chart, treemap, candlestick-chart, donut-chart, volume-profile, status-bar, composition-chart, funnel-chart, liquidity-heatmap, bump-chart, order-book, heat-calendar, returns-calendar, price-target-fan, voice-orb, message-bubble, message, message-scroller, prompt-input, todo-list, code-block, approval-card, file-diff, tool-result, streaming-response, image-generation, tool-approval, citations, agent-activity, reasoning-text, thinking-shimmer, agent-progress, ai-sidebar, chat-app, infinite-masonry, notification-stack, project-folder, card-folder, knockout-wheel, knockout-bracket, availability-scheduler, swap, dynamic-island, command-palette, morphing-search-chips, morphing-search, expandable-action-bar, overflow-actions, expandable-tabs, morphing-tabs, swipeable-list, attachment-upload, file-upload, prediction-market-card, prediction-market, wallet-card, otp-input, signup-form, card-dealer, bloom-menu, feedback-widget, not-found-glitch, not-found-magnetic, not-found-spotlight, not-found-stacked, not-found-terminal
@blocks-so
1,852
ActiveFeaturedBlocks & sections (marketing/SaaS)accessibilityaiauth

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: ai-01, ai-02, ai-03, ai-04, ai-05, chat-01, chat-02, chat-03, command-menu-01, command-menu-02, command-menu-03, command-menu-04, dashboard-01, dialog-01, dialog-02, dialog-03, dialog-04, dialog-05, dialog-06, dialog-07, dialog-08, dialog-09, dialog-10, dialog-11, dialog-12, file-upload-01, file-upload-01, file-upload-02, file-upload-03, file-upload-04, file-upload-05, file-upload-06, form-layout-01, form-layout-02, form-layout-03, form-layout-04, form-layout-05, grid-list-01, grid-list-02, grid-list-03, login-01, login-02, login-03, login-04, login-05, login-06, login-07, login-08, login-09, onboarding-01, onboarding-02, onboarding-03, onboarding-04, onboarding-05, onboarding-06, onboarding-07, sidebar-01, sidebar-02, sidebar-03, sidebar-04, sidebar-05, sidebar-06, stats-01, stats-02, stats-03, stats-04, stats-05, stats-06, stats-07, stats-08, stats-09, stats-10, stats-11, stats-12, stats-13, stats-14, stats-15, table-01, table-02, table-03, table-04, table-05
Bklit Logo
@bklit
1,820
ActiveFeaturedCharts/data vizaestheticanimationbackgrounds

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.

WebsiteDocsGitHubRegistry JSON
Components: utils, shimmering-text, chart-utils, chart-context, chart-parent-size, chart-animation, chart-series, grid, reference-area, projection-line, band, weekends, deadline, trend-line, patterns, background, x-axis, y-axis, chart-tooltip, legend, markers, area-chart, composed-chart, bar-chart, line-chart, profit-loss-line, bar-depth, scatter-chart, live-line-chart, candlestick-chart, pie-chart, radar-chart, ring-chart, gauge-chart, heatmap-chart, choropleth-chart, funnel-chart, sankey-chart, sunburst-chart, sparkline, area-chart-example, bar-chart-example, line-chart-example, scatter-chart-example, pie-chart-example, gauge-chart-example, heatmap-chart-example, ring-chart-example, radar-chart-example, composed-chart-example, funnel-chart-example, sankey-chart-example, sunburst-chart-example, candlestick-chart-example, choropleth-chart-example, live-line-chart-example, sparkline-example, chart-stat-flow, stat-card-area-01, stat-card-area-01-example, stat-card-line-01, stat-card-line-01-example, stat-card-choropleth-01, stat-card-choropleth-01-example
@better-auth-ui
1,730
ActiveAI/chat UIproaiauthbuttons

Drop-in authentication components for Better Auth applications.

WebsiteDocsGitHubRegistry JSON
Components: auth-provider, additional-field, sign-in, anonymous, agent-auth, sso, last-login-method, one-tap, sign-up, email-otp, phone-number, magic-link, billing, dash, oauth-provider, device-authorization, username, passkey, siwe, two-factor, api-key, admin, multi-session, organization, theme, delete-user, forgot-password, reset-password, verify-email, auth-redirect, sign-out, auth, user-avatar, user-view, user-button, user-profile, change-email, account-settings, change-password, linked-accounts, active-sessions, security-settings, settings, email-verification-email, magic-link-email, reset-password-email, change-email-confirmation-email, delete-account-verification-email, password-changed-email, email-changed-email, otp-email, new-device-email, organization-invitation-email, all
@tailgrids
1,654
ActiveComponent library (general)proaiauthblocks

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.

WebsiteDocsGitHubRegistry JSON
Components: accordion, alert, alert-dialog, aspect-ratio, avatar, badge, breadcrumbs, button, button-group, calendar, card, carousel, chart, checkbox, collapsible, context-menu, combobox, command, date-field, date-picker, description, dialog, drawer, dropdown, field, hover-card, input, input-group, label, link, list, menubar, native-select, navigation-menu, number-field, otp-input, overlay, pagination, popover, progress, radio-input, range-calendar, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, social-button, spinner, table, tabs, text-area, text-field, time-field, time-picker, toast, toggle, tooltip
@remocn
1,649
ActiveFeaturedNiche/single-purposeproaestheticanimationbackgrounds

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: soft-blur-in, per-character-rise, bottom-up-letters, top-down-letters, spring-scale-in, micro-scale-fade, scale-down-fade, blur-out-up, focus-blur-resolve, lens-zoom, line-by-line-slide, per-word-crossfade, word-stream, word-push, sheen-slide-in, squeeze-in, fog-rise, caret-swap, zoom-words, centered-word-build, inline-pill-takeover, typed-split-wipe, shadow-sweep-text, outline-fill-track-text, gradient-scale-cut-text, rush-type, extrude-pop, fade-through, shared-axis-y, shared-axis-z, short-slide-right, kinetic-morph-text, kinetic-warp, kinetic-center-build, short-slide-down, typewriter, inline-highlight, stretch-in, strikethrough-replace, staggered-fade-up, mask-reveal-up, tracking-in, shimmer-sweep, marker-highlight, slot-machine-roll, matrix-decode, rgb-glitch-text, infinite-marquee, shader-mesh-gradient, shader-mesh-gradient-dusk, shader-mesh-gradient-lagoon, shader-mesh-gradient-peach, shader-mesh-gradient-aurora, shader-mesh-gradient-lavender, shader-mesh-gradient-ember, shader-mesh-gradient-mint, shader-mesh-gradient-synthwave, shader-mesh-gradient-ink, shader-grain-gradient, shader-grain-gradient-sunrise, shader-grain-gradient-nebula, shader-grain-gradient-orb, shader-grain-gradient-horizon, shader-grain-gradient-blush, shader-grain-gradient-tide, shader-grain-gradient-arcade, shader-grain-gradient-dune, shader-grain-gradient-ultraviolet, shader-warp, shader-warp-silk, shader-warp-sunset, shader-warp-ocean, shader-warp-marble, shader-warp-acid, shader-warp-cream, shader-warp-deep-sea, shader-warp-rose-gold, shader-warp-storm, shader-swirl, shader-swirl-candy, shader-swirl-sunburst, shader-swirl-hypno, shader-swirl-neon, shader-swirl-tide, shader-swirl-citrus, shader-swirl-ember, shader-swirl-lilac, shader-swirl-retro, shader-water, shader-spiral, shader-liquid-metal, shader-color-panels, shader-neuro-noise, shader-perlin-noise, shader-simplex-noise, shader-voronoi, shader-dot-orbit, shader-dithering, shader-god-rays, shader-smoke-ring, shader-metaballs, shader-pulsing-border, simulated-cursor, swirl-dissolve, dither-dissolve, perlin-dissolve, smoke-dissolve, wave-wipe, ripple-zoom, gooey-morph, grain-dissolve, warp-dissolve, whip-pan, push-through, focus-pull, zoom-blur, rolodex-flip, value-swap, chat-to-preview-layout, animated-line-chart, animated-bar-chart, terminal-simulator, terminal-cursor-zoom, glass-code-block, glass-code-walk, perspective-marquee, perspective-squeeze, ecosystem-constellation, live-code-compilation, infinite-bento-pan, github-sponsors, github-stars, number-wheel, rolling-number, x-follow-card, x-followers-overview, claude-chat, chat-gpt, v0, claude-code, opencode, chromatic-wave, radial-burst, confetti, backdrop, drift, stage, logo-enter, handwrite, ink-underline, paper-wobble, ink-arrow, paper-sticker, polaroid, hand-count, brush, crumple-toss, scribble-circle, check-list, page-turn, stop-motion, ascii-dissolve, caret-wipe, icon-scatter, shader-caustics, shader-gem-smoke, shader-strata, shader-weave, reel, scene-motion, slide-swap, spring-settle, canvas-presentation, ember-burn, displacement, hologram, security-cam, tv-power-off, camera-lens, underwater-ripple, halftone-print, ascii-render, pixelate-region, sustained-glitch, crt-screen, vhs-filter, grid-wave, particle-dissolve, glitch-cut, search-reveal, cursor-gravity, type-fossil, shader-seam, shader-text-reveal, inline-word-roll, shader-light-tunnel, shader-spiral-pass, truchet-flip, mondrian-split, bauhaus-build, squiggle, speed-lines, trim-burst, keystroke, code-morph, agent-run, selection-snap, echo-stack, type-wall, ring-text, period-drop, outline-trace, glyph-anatomy, stripe-type, path-ride, type-repeater, caption-core, caption-karaoke, caption-highlight-box, caption-active-pop, caption-word-pop, caption-bounce-in, caption-blur-in, caption-rise, caption-typewriter, caption-slot, caption-subtitle, caption-dim-progress, caption-underline, caption-scramble, caption-weight, caption-emoji, caption-speaker, caption-stack, caption-outline, caption-marker, caption-stamp, caption-handwrite, caption-redact, caption-prosody, caption-timeline, caption-teleprompter, caption-knockout, caption-slice, caption-cube, caption-split-flap, caption-label-maker, caption-drop, iris-wipe, venetian-blinds, paper-tear, pixel-sort, light-leak, orbit-lock, puzzle-snap, spotlight, neon-sign, inflate, liquid-fill, accordion-unfold, anamorphic-flare, pendulum-wave, flow-field, isometric-build, life-grid, string-art, topo-lines, phyllotaxis, hyperspace, parallax-depth, dolly-zoom, turntable, gravity-pile, cloth-reveal, exploded-view, tiny-planet, impact-shake, riso-print, line-boil, blueprint, duotone-beat, comic-panels, long-shadow, synthwave, brick-mosaic, x-ray-scan, remocn-ui, spinner, caret, button, accordion, alert-dialog, dialog, sheet, drawer, checkbox, radio, switch, input, blur-in, field, select-item, select, select-menu, dropdown-menu-item, tabs, dropdown-menu, cursor, toast, command-menu-item, command-menu, tooltip, progress, skeleton-block, skeleton, slider, combobox, popover, context-menu, toggle-group, stepper, resizable, signup-flow, ai-prompt-flow, checkout-flow, onboarding-stepper-flow, settings-toggle-flow, message-bubble, typing-indicator, chat-flow, telegram-chat-flow, imessage-chat-flow, icons-core, icon-check, icon-check-circle, icon-x, icon-activity, icon-alert-triangle, icon-info, icon-loader, icon-refresh-cw, icon-search, icon-bell, icon-download, icon-upload, icon-copy, icon-settings, icon-trash, icon-plus, icon-send, icon-heart, icon-star, icon-thumbs-up, icon-party-popper, icon-arrow-right, icon-arrow-left, icon-arrow-up, icon-arrow-down, icon-external-link, icon-play, icon-pause, icon-skip-forward, icon-volume-2, icon-volume-x, icon-mic, icon-video, icon-camera, icon-image, icon-chevron-up, icon-chevron-down, icon-chevron-left, icon-chevron-right, icon-menu, icon-more-horizontal, icon-maximize, icon-layout-grid, icon-pencil, icon-share-2, icon-filter, icon-eye, icon-eye-off, icon-rocket, icon-save, icon-link, icon-bookmark, icon-lock, icon-key, icon-log-out, icon-mail, icon-message-circle, icon-phone, icon-at-sign, icon-inbox, icon-shield, icon-help-circle, icon-plus-circle, icon-x-circle, icon-calendar, icon-clock, icon-timer
@retroui
1,628
ActiveFeaturedTheming/stylingproaestheticauthbuttons

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.

WebsiteDocsGitHubComponentsRegistry JSON
Components: accordion, alert, alert-dialog, aspect-ratio, avatar, badge, breadcrumb, button, button-group, calendar, card, carousel, checkbox, collapsible, combobox, command, context-menu, dialog, direction, drawer, dropdown-menu, empty, field, hover-card, input, input-group, input-otp, item, kbd, label, menubar, native-select, navigation-menu, pagination, popover, progress, radio-group, resizable, scroll-area, select, separator, sheet, sidebar, skeleton, slider, sonner, spinner, switch, table, tabs, textarea, toggle, toggle-group, tooltip
@extend
1,604
ActiveFeaturedAI/chat UIaiblocksbuttons

A collection of UI components for building document agents and human-in-the-loop review workflows.

WebsiteDocsGitHubRegistry JSON
Components: utils, use-mobile, accordion, alert, aspect-ratio, autocomplete, badge, breadcrumb, button, card, collapsible, color-picker, command, dialog, context-menu, dropdown-menu, input, group, kbd, popover, scroll-area, select, separator, sheet, sidebar, skeleton, sonner, spinner, switch, tabs, toast, tooltip, toggle, resizable, pdf-block-resizable-shell, file-upload, file-thumbnail, file-system, file-system-block, pdf-viewer, pdf-editor, pdf-editor-core, docx-viewer, docx-editor, xlsx-viewer, pptx-viewer, xlsx-editor, csv-viewer, pdf-dropzone, layout-blocks, layout-blocks-block, e-signature, bounding-box-citations, schema-builder, bounding-box-citations-block, document-splits, document-splits-block, excel-editor, docx-editor-block, pdf-editor-block, document-viewer-sidebar, document-color-popover, document-controls, document-scroll-area, document-preview-card, document-color-picker, document-toast, registry-icon-props
@blobatar
1,592
ActiveAI/chat UIaicardsmaps

Deterministic geometric avatars generated from any string — an Avatar that falls back to a blobatar when a user has no picture.

WebsiteDocsGitHubRegistry JSON
Components: avatar, presence-avatar, agent-list, user-table, group-chat, password-field