guhrodriguess / luxe

Library of components to illuminate your applications.

luxe.mp4

Luxe

Explore the new website that simplifies the creation of sophisticated dark mode components. With React, Tailwind CSS and Framer Motion, easily achieve an elegant and modern aesthetic in your digital projects.

See the website

How to use?

Simply click on a component, copy the code and paste it into your project. This will give your application extra sophistication!

Inspiration

My biggest inspiration for creating components comes from looking at Vercel websites, such as Next.js, which is fascinating when it comes to user experience.

I would like to thank ui.ibelick, who was a fundamental inspiration for the creation of this project.

Future plans

I was very excited to develop this project, it's a great satisfaction to be creating it, I intend to continue and add more and more components and make web development easier.

License

© Gustavo Rodrigues – All rights reserved. Licensed under the MIT LICENSE.

luxe's Issues

feat: allow you to edit and test the code

It would be interesting to be able to have a kind of editor to be able to style and modify the code before copying.

Look at an example here:

before:

after:

And no, I didn't inspect and change it. 😂

errors:

---

Visit here: link

New component: Input

I prototyped a new component and wanted your approval @guhrodriguess regarding the quality standards of Luxe components.

Screen.Recording.2024-02-21.at.21.04.13.mov

Extend more eslint config for react

What do you think about implementing my pre-defined lint configurations in the project? It encompasses accessibility rules, well-defined standards, and integrated Prettier.

@guhrodriguess @yuirsilva @jotavetech @euotiniel

https://github.com/lucasaugustsof/eslint-config