21st.dev — 最大的 shadcn 开放注册表社区,收录海量即拷即用的动效组件与交互区块。

最大的 shadcn 开放注册表社区,收录海量即拷即用的动效组件与交互区块。

包含组件

232
FeaturedNewestAuthorsLibrariesAnnouncements71ASCII ArtBackgrounds365Borders111Calls to Action501Clients17Comparisons31Docks49FAQs191Features318Footers65Galleries272GradientsHeroes1152Hooks51Images428Maps51Marquees113Navigation Menus477Pricing Sections216Scroll Areas293ShadersStats & KPIs153Steppers124Team Sections119Testimonials161Texts663Timelines74Videos162Accordions234AI Chats248Alerts240Avatars597Badges605Buttons2043Calendars239Cards1780Carousels239Charts & Data Viz246Checkboxes238Cursors152Dashboards400Date Pickers250Dialogs / Modals328Dropdowns506Empty States77File Trees61File Uploads154Forms1522Globes41Grids & Bento620Icons851Inputs949Links354Lists349Menus287Notifications247Numbers54Onboarding53Paginations130Popovers179Profiles270Progress375Radio Groups152Search Bars218Selects316Sidebars95Sign Ins103Sign ups58Sliders217Spinner Loaders480Tables313Tabs239Tags74Text Areas187Toasts79Toggles532Tooltips267HeroesAI chatsButtonsTestimonialsCardsFootersScroll Expansion HeroARContainer Scroll AnimationMASpliteSESpotlight CardHJVoice Chat Widget@adrielzimbrilMesh GradientFoundation PrimitivesKNGradient File UploadRich Text Editor ToolbarMUCommand Menu PaletteRevenue Charts KpiData Table Bulk ActionsCommand Menu@properuiHero Vortex Street@nikolas SapaRadial Orbital TimelineJYTestimonials Columns 1EFLiquid Glass ButtonAIScroll Morph HeroPSAnimated HeroTJBackground PathsKBBookmarksVelarisVoice Powered OrbWater Ripple ImageFeature Shader CardsAtc ShaderSiri WaveLiquid Effect AnimationSphereShader SvgTopo FieldImage Stream HeroScroll Locked Video HeroBlackhole Hero SectionGateway FlowGlyph PortalConstellation GridScroll ChoreographyHero Scroll Video Pin RevealCarousel SqueezeFeatures 4Features 2Features 1Comparison 3Features With PanelComparison 03Features 01V0 Ai ChatAi Chat InputShining TextAi Chat Image Generation 1Message LoadingAgent DockAgent TraceStreaming TextAi Assistant InterfacePrisma HeroHeroHero 3Rainbow ButtonHero 195 1Responsive Hero BannerFloating Icons Hero SectionHero Dithering CardInteractive Hover ButtonLiquid Metal ButtonGradient MenuShiny ButtonGradient ButtonNeon ButtonHighlighterSign In3d TestimonailsCircular TestimonialsTestimonials With MarqueeAnimated TestimonialsStagger TestimonialsTestimonial V2Unique TestimonialProfile Card Testimonial CarouselPricing SectionSingle Pricing Card 1Pricing Section 3Pricing ModuleSquishy PricingLink PreviewText Scroll AnimationShimmer TextImage ScrollGradient TextMagic TextMarqueeHover PreviewHandwriting SvgMarketing BlocksUI ComponentsScroll media expansion heroSpline SceneRich Text EditorCharts & KPI CardsData TableVortex Street HeroPopularTestimonials ColumnsHerosAI Chat ComponentsCalls to ActionPricing SectionsText ComponentsExplore everythingWaterRippleImageBlack Hole Hero SectionSqueeze CarouselFeature Comparison TableComparison SectionAlternating Rows With StatsTabbed Feature CategoriesFeatures GridAI Chat Image GenerationPrismaHeroHero 195Single Pricing CardText RotateInteractive 3D CardsGlow ButtonsShader CanvasDynamic NavbarsBento Grid ShowcaseAnimated Hero Blocks

21st.dev 是面向设计工程师群体的开放式组件分发平台与社区 Registry。基于 shadcn 的解耦分发机制,它汇聚了全球独立创作者分享的前沿微交互、WebGL 着色器以及精雕细琢的页面区块,支持实时在线沙盒预览与一键 CLI 本地导入。