Introduction

Spectrum UI is a free and open source collection of components for React and Next.js. It is built on top of shadcn/ui and Tailwind CSS.

It is not a component library, so there is nothing new to install. Find a component you like, copy the code or add it with the shadcn CLI, and it becomes part of your project. The code is yours. You can change it in any way you want.

Every component is written in TypeScript, works on all screen sizes, and looks good in both light and dark mode. Animations use Framer Motion. You can also connect the Spectrum UI MCP server so your AI editor can add components for you.