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 — shadcn-реестр редких готовых к использованию UI-компонентов и анимаций, которые вы устанавливаете прямо в свою кодовую базу на Next.js, Tailwind CSS и TypeScript.
Это библиотека компонентов для импорта или код, который я копирую в свой проект?Это shadcn-реестр: компоненты копируются прямо в вашу кодовую базу через shadcn CLI, а не устанавливаются как npm-зависимость, поэтому код принадлежит вам, и вы можете его переоформлять.
Как добавить компонент в мой проект?Установите любой компонент через shadcn CLI, затем просмотрите живые превью и пропсы на rareui.com/components, чтобы выбрать нужное.
Какой стек нужен моему проекту, чтобы использовать эти компоненты?Ваш проект должен быть уже настроен на Next.js, Tailwind CSS и TypeScript, так как компоненты построены вокруг этого стека и shadcn CLI.
Могу ли я просто продавать или распространять эти компоненты как свой набор?Нет, лицензия — MIT с Commons Clause и требованием указания авторства: компоненты можно бесплатно использовать и поставлять в своих проектах, но вы должны заметно указывать Rare UI и не можете продавать, передавать по сублицензии или распространять сами компоненты.
Каковы реальные условия лицензии?Это MIT с Commons Clause и требованием указания авторства: свободное использование, изменение и коммерческое применение, но нужно сохранять упоминание авторов и уведомления об авторских правах, а перепродавать сами компоненты нельзя.
Учитывают ли компоненты настройки доступности вроде уменьшения анимации?Да, каждый компонент анимирован с помощью Motion и учитывает настройку prefers-reduced-motion.
Как обновить или пересобрать реестр компонентов после правки компонента?После изменения компонента или registry.json вы пересобираете вывод реестра командой npm run registry:build.
Какое указание авторства от меня требуется, если я использую компонент Rare UI в своём приложении?Нужно добавить видимую ссылку на rareui.com, например в футер, на страницу «О проекте», экран благодарностей или в README, и сохранить исходное уведомление об авторских правах в скопированном исходном коде.
Rare UI на самом деле бесплатен?Да, Rare UI бесплатен; проект поддерживается спонсорами, а не платой за использование.
Size
49.1 MB
Stars
1.8K
Updated
CommitOct 14
Age
4mo
Commits · 90 Days