A free library of animated UI
Curated collections of animated, copy-paste UI, no boring defaults. Everything is live, interactive, and comes with React and plain HTML/CSS/JS code you can drop into any site.
What's inside this UI library
This is a growing, free collection of animated UI, built to a higher bar than the usual defaults. Instead of plain spinners and static cards, you get canvas and physics-driven components, full-screen loading screens, animated FAQ accordions, micro-interaction close buttons and carousel indicators. Every piece is live and interactive on its page, and each ships with copy-paste code in React and Tailwind, with many also offering a plain HTML, CSS and JavaScript version so they work on any site. Everything is free to use, including in commercial projects, with no attribution required.
Animated Components
SignatureCanvas and physics-driven components: particle fields, a gravity well, liquid cursor and more.
Explore →Loading Screens
Full-screen loaders: liquid tube, particle assembly, hyperspace warp, morphing blob, circuit boot.
Explore →FAQ / Accordion UI
Animated FAQ designs: glowing, word-reveal, spotlight, 3D flip and a terminal FAQ.
Explore →Close Buttons
Micro-interaction close buttons: morphing X, liquid dissolve, rotating ring, magnetic and draw-in.
Explore →Swipe Dots
NewAnimated carousel pagination: morphing pill, liquid worm, auto-progress ring, elastic bounce and glow trail.
Explore →Frequently asked questions
Is this UI library free?+
Yes. Every component, loader, FAQ, close button and carousel indicator is free to copy into your own projects, including commercial ones, with no attribution required.
Do I need React to use it?+
No. Many pieces include a plain HTML, CSS and JavaScript version alongside the React one, so they drop into any site, WordPress, Shopify, a static page or any framework.
Can I use these in commercial projects?+
Yes, freely. Use them in client work, products and paid apps. There's no license fee and no attribution requirement.
How often is the library updated?+
Regularly. New animated UI collections are added over time, and each is built to a canvas or physics standard rather than being a plain default.
Who built this UI library?+
It's built and maintained by Saurabh Bhayana, a web developer and SEO specialist. The same techniques go into the client work in the portfolio.