Question 1

Is RareUI completely free to use?

Accepted Answer

Yes, RareUI is 100% free and open-source under the MIT license. You can use it in personal and commercial projects without any restrictions.

Question 2

Do I need to install RareUI?

Accepted Answer

No installation required! Simply copy the component code and paste it into your project. You can also use our CLI tool: npx rareui add [component-name]

Question 3

What frameworks does RareUI support?

Accepted Answer

RareUI components are built with React and work seamlessly with Next.js, Remix, Vite, and any React-based framework. They use Tailwind CSS for styling and Framer Motion for animations.

Prop	Type	Default	Description
`text`	`string`	`"Hover me"`	The text to display inside the button.
`className`	`string`	`-`	Additional CSS classes for the container.
`backgroundColor`	`string`	`"bg-black dark:bg-white"`	Tailwind class for the background color.
`textColor`	`string`	`"text-white dark:text-black"`	Tailwind class for the text color.
`isDripping`	`boolean`	`false`	If true, liquid drops will continuously animate without needing hover.

Liquid Button

Installation

Props