Beautiful components.Copy, paste, ship.
A library of animated React components built with Tailwind CSS and Framer Motion. Free to start, with a Pro tier that makes any interface look considered and expensive.
Everything here is live.
These aren't screenshots. Every card is the real component, running right here in your browser. Click one to take the code.
Now with Liquid Glass.
Apple's translucent material, done properly: real backdrop refraction, a specular edge, and a highlight that tracks the cursor. The bar at the top of this page uses it too.
A frosted panel that bends the color behind it, catches light on its edge, and follows your pointer with a soft highlight.
Made to drop straight into your stack.
Copy, paste, done
No package to install, no CLI, no config. Open a component, copy the source, drop it into your project. It just works.
Framer Motion inside
Springs, layout animations, scroll effects. Every interaction runs at 60fps and was tuned by hand.
Tailwind native
Pure Tailwind classes. Restyle anything by editing classNames. No CSS files, no theme lock-in.
13 categories
Heroes, cards, backgrounds, text, navigation, commerce, forms. A full system, not a grab bag.
TypeScript strict
Every component ships fully typed, with zero use of any. Autocomplete everything.
One payment, forever
Pro is a single price with no subscription. Every component and template we add later is already yours.
Not sure where to start? Point us at your site.
Paste your URL. Lumenite scans every section of your page, scores the design, and shows the exact components to upgrade each one. Free, and no signup.
Audit my siteHalf the price of the alternatives.None of the subscription.
$79 once. Every Pro component, every template, and every future release, for good. Comparable libraries start at $199 and keep charging.
Questions, answered
Is it really free?+
Yes. The free tier is MIT-style licensed, so you can use those components in personal, client, and commercial projects with no attribution. Pro unlocks the premium components, full templates, and lifetime updates.
What do I need to use it?+
A React project with Tailwind CSS and framer-motion installed. Next.js is the happy path, but anything that renders React works. Copy the code, paste it in, and you are done.
How does Pro access work?+
Checkout happens through Whop. You get a license key instantly, enter it once in your Dashboard, and every Pro component's source unlocks in your browser.
Is it a subscription?+
No. One payment gets you lifetime access and lifetime updates. We dislike subscription fatigue as much as you do.
Can I use these in client work?+
Yes, on unlimited projects, commercial included. The only thing you cannot do is resell or redistribute the components themselves as a competing library.
What about refunds?+
There is a 7-day, no-questions refund policy handled through Whop. See the refund policy for the details.