React components and blocks

Spectrum UI is an open-source React component and block library featuring animation-ready, copy-paste components built with React, Next.js, Tailwind CSS, Motion, TypeScript, and shadcn/ui for SaaS dashboards, landing pages, AI applications, and admin panels.

Choose a component, copy its source or add it with the shadcn CLI, and keep the source in your project. Components can be adapted to the project's design system and application requirements.

Components are authored in TypeScript, and each documentation page lists the source and dependencies for that implementation. You can also connect the Spectrum UI MCP server so your AI editor can add components for you.