Introducing Luxe 2.0
One of Luxe's biggest launches yet is here. This new version introduces powerful components with variant props, a new CLI, and a complete redesign.
My goal is to build apps in the easiest way possible, using intuitive, beautiful, and functional components. This new version is a big step in that direction. I believe that what we want most is "Build fast, ship with style".
Variant Props
In the previous version, customizing components wasn't as straightforward. Now, you can easily customize components using the variant props.
As shown in the video above, it's now much simpler to apply styles. Previously, using ButtonGlitchBrightness required importing a separate component. Now, you can achieve the same effect by simply using the Button variant="glitch-brightness".
The Button now supports nine variants: shine, animated-border, rotate-border, magnetic, animated-border, default, outline, success, and destructive. You can now use isMagnetic as a prop for the magnetic button.
You can also use the variant props with Badge, Card, and Text.
To be honest, this feature's one of my favorites. It's a game changer for customizing components.
New Components
All components were entirely reengineered from the ground up, including Accordion, Checkbox, Switch, and Tooltip. Using Radix UI and Tailwind v4, respecting user motion preferences.
Luxe is now much cleaner and simpler to use. The sidebar has been redesigned into a single component per category, making the docs far more organized. In v1.0, the sidebar had 34+ components, now it's down to just 13, powered by variant props.
New CLI
One of the most requested features was the ability to copy and paste components into your project with a single command. Now, you can do exactly that using the CLI.
You can learn more in the CLI docs. Start with npx @luxeui/ui@beta init, then use npx @luxeui/ui@beta add to add components to your project.
This marks a major step toward making Luxe more developer friendly and efficient. It's currently in beta, and we're actively refining it based on real world feedback. While it's already powerful, some commands and components may still evolve as we stabilize features and improve the developer experience.
This CLI was built in collab with Lucas Augusto, a Design Systems Specialist and Creator of Hynix. His experience in building developer tools was crucial, making his contribution essential to Luxe's future.
"When I discovered Luxe and met its creator, I saw a great opportunity for growth. The gallery already featured visually stunning components what was missing was a developer friendly way to turn that art into code, accessible with just a few simple commands."
Next Steps
More components and features are coming soon to elevate your experience. This is just the beginning of what's ahead.