What is this?
Rare UI is a shadcn registry of rare, ready-to-use UI components and animations that you install directly into your Next.js, Tailwind CSS and TypeScript codebase.
Rare UI is a shadcn registry of rare, ready-to-use UI components and animations that you install directly into your Next.js, Tailwind CSS and TypeScript codebase.Is this a component library I import, or code I copy into my project?It is a shadcn registry: components are copied straight into your codebase via the shadcn CLI rather than installed as an npm dependency, so you own and can restyle the code.
It is a shadcn registry: components are copied straight into your codebase via the shadcn CLI rather than installed as an npm dependency, so you own and can restyle the code.How do I add a component to my project?Install any component with the shadcn CLI, then browse live previews and props at rareui.com/components to pick what you need.
Install any component with the shadcn CLI, then browse live previews and props at rareui.com/components to pick what you need.What stack does my project need to use these components?Your project should already be set up with Next.js, Tailwind CSS and TypeScript, since the components are built around that stack and the shadcn CLI.
Your project should already be set up with Next.js, Tailwind CSS and TypeScript, since the components are built around that stack and the shadcn CLI.Can I just sell or redistribute these components as my own kit?No, the license is MIT with Commons Clause plus an attribution requirement: you can use and ship components in your own projects for free, but you must credit Rare UI visibly and cannot sell, sublicense or redistribute the components themselves.
No, the license is MIT with Commons Clause plus an attribution requirement: you can use and ship components in your own projects for free, but you must credit Rare UI visibly and cannot sell, sublicense or redistribute the components themselves.What are the actual terms of the license?It's MIT with the Commons Clause and an attribution requirement: free to use, modify and ship commercially, but you must keep credit and copyright notices and cannot resell the components themselves.
It's MIT with the Commons Clause and an attribution requirement: free to use, modify and ship commercially, but you must keep credit and copyright notices and cannot resell the components themselves.Do the components respect accessibility settings like reduced motion?Yes, every component is animated with Motion and honors the prefers-reduced-motion setting.
Yes, every component is animated with Motion and honors the prefers-reduced-motion setting.How do I update or rebuild the component registry after editing a component?After changing a component or registry.json, you rebuild the registry output by running npm run registry:build.
After changing a component or registry.json, you rebuild the registry output by running npm run registry:build.What credit am I required to give if I use a Rare UI component in my app?You must include a visible link to rareui.com, for example in a footer, about page, credits screen or README, and keep the original copyright notice in the source code you copied.
You must include a visible link to rareui.com, for example in a footer, about page, credits screen or README, and keep the original copyright notice in the source code you copied.Is Rare UI actually free to use?Yes, Rare UI is free; the project is supported by sponsors instead of charging for usage.
Yes, Rare UI is free; the project is supported by sponsors instead of charging for usage.What are similar projects?arc-library, Monocharts, canvas-ui, cult-ui, magicui, react-bits, ui, chakra-ui
arc-library, Monocharts, canvas-ui, cult-ui, magicui, react-bits, ui, chakra-uiWhich topics is it in?shadcn, react-components, shadcn-ui, components, reactjs, ui-library, design-system, tailwindcss, component-library, nextjs, ui-components, animation
shadcn, react-components, shadcn-ui, components, reactjs, ui-library, design-system, tailwindcss, component-library, nextjs, ui-components, animation