Spectrum UI

Spectrum UI is a library of 250-plus animated React components and page blocks built with Next.js, TypeScript, Tailwind CSS, Motion, and shadcn/ui. Browse the docs for pieces such as Kanban Board, Data Table, AI Chat Card, Command Search, Transfer Funds Card, Scratch Card, and 3D Tilt Card, then copy the source or add it with the shadcn CLI so the code lives in the project and can be edited. Each documentation page lists that component's source and dependencies. Connecting the Spectrum UI MCP server lets an AI editor install components directly, and the site also ships blocks and a color reference.