rare-ui README

The project's README from github.com/swamimalode07/rare-ui. As one markdown file: README.md.

Rare UI

Vercel OSS Program

A shadcn registry of rare, ready-to-use components and animations.

Next.js Tailwind CSS TypeScript shadcn registry MIT + Commons Clause + Attribution

rareui.com  ·  Components  ·  Follow on X


Rare UI is a shadcn registry built with Next.js, Tailwind CSS, and TypeScript. Every component is animated with Motion, honors prefers-reduced-motion, and installs straight into your codebase. You own the code: no package to depend on, restyle anything.

Sponsors

Runable
Diamond Sponsor 		PrivateAlps
Diamond Sponsor

Platform Sponsors

Products that back Rare UI through their open-source programs.
Databuddy
Analytics Sponsor

Rare UI is free. Sponsorship keeps it that way. See the tiers at rareui.com/sponsors.

Quick start

Install any component with the shadcn CLI:

npx shadcn@latest add swamimalode07/rare-ui/{component-name}

For example:

npx shadcn@latest add swamimalode07/rare-ui/fluid-orb

Browse every component, with live previews and props, at rareui.com/components.

Running locally

git clone https://github.com/swamimalode07/rare-ui.git
cd rare-ui
npm install
npm run dev

Components live in components/ui. After changing a component or registry.json, rebuild the registry output with npm run registry:build.

Contributing

Issues and pull requests are welcome. Read CONTRIBUTING.md for the full walkthrough, from creating a component to a working install command.

License

MIT with the Commons Clause and an attribution requirement. Use, modify and ship the components in anything you build, personal or commercial, closed source included.

Credit is required. Any project shipping a Rare UI component must credit Rare UI with a visible link to rareui.com, in a footer, an about page, a credits screen or a README, and must keep the credit and copyright notice in the source it copied.

You may not sell, sublicense or redistribute the components themselves, alone, in a bundle, or ported to another framework.

The name Rare UI, the logo and the site design are not covered by the license.


Built by @swamimalode

rare-ui (swamimalode07/rare-ui)

Searching Database…

1.8K ·GitHub
Rare-ui
这是什么？Rare UI 是一个 shadcn 注册表，收录少见而开箱即用的 UI 组件和动画，你可以把它们直接安装到自己的 Next.js、Tailwind CSS 和 TypeScript 代码库中。
这是我要导入的组件库，还是复制进我项目的代码？它是一个 shadcn 注册表：组件通过 shadcn CLI 直接复制到你的代码库中，而不是作为 npm 依赖安装，因此代码归你所有，你还可以自由调整其样式。
怎么把组件添加到我的项目里？用 shadcn CLI 安装任意组件，然后到 rareui.com/components 浏览实时预览和 props，挑选你需要的组件。
使用这些组件我的项目需要什么技术栈？你的项目应当已经配置好 Next.js、Tailwind CSS 和 TypeScript，因为这些组件就是围绕该技术栈和 shadcn CLI 构建的。
我可以把这些组件当作自己的组件包出售或再分发吗？不可以。许可证是带 Commons Clause 的 MIT 并附加署名要求：你可以在自己的项目中免费使用和发布这些组件，但必须醒目地注明 Rare UI 的出处，且不能出售、分许可或再分发组件本身。
许可证的具体条款是什么？它是带 Commons Clause 和署名要求的 MIT：可以免费使用、修改和商业发布，但必须保留署名和版权声明，且不能转售组件本身。
这些组件会遵循“减少动态效果”这类无障碍设置吗？会。每个组件都用 Motion 实现动画，并遵循 prefers-reduced-motion 设置。
编辑组件之后，怎么更新或重建组件注册表？修改组件或 registry.json 之后，运行 npm run registry:build 重建注册表输出。
如果我在应用中使用了 Rare UI 组件，需要给出什么署名？你必须加入一个指向 rareui.com 的醒目链接，例如放在页脚、关于页面、致谢界面或 README 中，并在复制的源代码中保留原始版权声明。
Rare UI 真的可以免费使用吗？可以。Rare UI 是免费的；项目靠赞助商支持，而不是向使用者收费。
What are similar projects?arc-library, Monocharts, canvas-ui, cult-ui, magicui, react-bits, ui, chakra-ui
Which topics is it in?shadcn, react-components, shadcn-ui, components, reactjs, ui-library, design-system, tailwindcss, component-library, nextjs, ui-components, animation
Creator
swamimalode07
Size
49.1 MB
Stars
1.8K
Updated
CommitOct 14
Age
4mo
Commits · 90 Days