Free UI components you can copy & ship
A growing library of free, animated UI components in React and Tailwind CSS. Every component is live, responsive, mostly zero-dependency, and comes with the exact copy-paste code. Free to use in your own projects, even commercial ones. Click any card for the full demo and code.
Interactive constellation field
cursor swirls particles into a glowing web
Gooey liquid cursor comet
metaball liquid tail that chases your cursor
Particle explosion button
click → real particles burst with gravity
Liquid fill button
hover → a rising liquid wave fills it
Magnetic glow-trail button
magnet pull + a fading glow trail
Border beam button
a light beam races around the border
Gravity well
your cursor becomes a black hole
Questions
Are these UI components free?+
Yes. Every component is free to copy and use in your own projects, including commercial ones. No attribution required, though it's always appreciated.
What are the components built with?+
React and Tailwind CSS, with GSAP or CSS for the animations. They're designed to drop into a Next.js or React project with minimal or no extra dependencies.
Do I need any dependencies to use them?+
Most components are zero-dependency, just React and Tailwind. If a component needs a library like GSAP, the code and import are shown clearly on its page.
How do I use a component?+
Open any component page for a live demo and the full code. Copy the code, paste it into your project, adjust the styles or content, and ship.