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
Aurora flow background
silky northern-lights that bend toward your cursor
Decrypt text reveal
text that decodes itself, glyph by glyph
3D magnetic cards
cards tilt in 3D and light up under the cursor
Ripple dot grid
a dot grid that ripples away from your cursor
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.