Spectrum UI — 面向 SaaS 与 AI 产品的开源动态 React 组件库:基于 Next.js、Tailwind CSS、Motion 与 shadcn/ui 深度打造。

面向 SaaS 与 AI 产品的开源动态 React 组件库:基于 Next.js、Tailwind CSS、Motion 与 shadcn/ui 深度打造。

包含组件

83
BlogsColorsSponsor MeSign upCreate AccountTwitter @arihantcodesMCP ServerAccordionAccount Access CardAI Chat CardAnimated AlertAnimated CardAnimated DrawerAnimated SVG ChartAnimated SwitchAutosize TextareaAvatar StackBeam CardBeam Search BarButtonCardCommand SearchData TableDatetime PickerDual Range SliderExpandable Action BarFAQ Tabs CardFeedback CardFloating Label InputFollow ButtonHold to ConfirmImage PreviewInfinite ScrollKanban BoardKbd KeyLike ButtonLoading ButtonLogin CardMetal ButtonMetal Prompt BarMorph ButtonMultiple SelectorNav List CardNotification BellNumber TickerPassword StrengthProfile DropdownQuantity StepperReaction BarRecent ActivityScratch CardShare ButtonSkeleton RevealSpinnerStar RatingStatus BadgeSwipe to DeleteTask CheckboxText StatesToast StackTransfer Funds CardTree NavUndo Pill3D Event Badge3D Tilt CardNextInstallationGuidesFAQsLLM InfoBrandShip your next productComponents58Glow ButtonShimmer CardAnimated Gradient BackgroundDynamic DockBento Grid ShowcaseNoise Texture OverlaySpotlight CardBorder BeamMagnetic ButtonSmooth AccordionFloating NavigationSparkles Text

Spectrum UI 是一套以动效为核心竞争力的开源组件与区块库,专为现代 SaaS 官网、AI 交互系统与独立开发者产品打造。底层架构深度融合 shadcn/ui 哲学、Motion 动画库与 Tailwind CSS,收录了逾 50 款涵盖流光边框、鼠标聚光灯追踪卡片、磨砂浮动导航坞、微噪点渐变背景、磁吸悬停按钮及便当盒网格的高阶动效组件,并官方提供 MCP Server 助力 AI 编程助手秒级调用。