Oxidus | Palette color generator for Shadcn projects

[JairHuamanBellido]

Hello everyone,

We are excited to introduce our latest creation: Oxidus 🚀

Oxidus is your go-to tool for effortlessly creating and customizing color palettes based on shadcn. Oxidus offers a new level of color management:

🎨 Create Custom Color Palettes: Craft stunning palettes with ease, allowing you to visualize your designs like never before.

📤 Export & Import Themes: Seamlessly save and share your color themes with colleagues or the community, ensuring consistency in your projects.

🎨 Dynamic Color Modification: Adjust the primary color's lightness, darkness, saturation, and hue angle, providing you with ultimate control over your palette.

🌓 Dark and Light Modes: Experience Oxidus in the mode that suits your preference - whether it's the sleek Dark Mode for a professional touch or the classic Light Mode for a bright and airy design.

📋 Generate CSS Code: Instantly copy CSS code for the colors you've generated in HSL format, making integration into your projects.

Please let us know your thoughts, in order to improve our user experience or fix some bugs 🙏

Github: https://github.com/JairHuamanBellido/Oxidus
Web: https://oxidus.vercel.app/

[KagamiChan]

I've used your site to generate a theme, and I think there could be some improvements. In official themes, the primary foreground (--primary-foreground) color would vary to ensure an enough contrast, for example:

official theme yellow as primary:

the app with the same color:

It would be great if we could calculate the contrast and switch the color

[freecolortool]

Great tool! The generated palettes are clean and easy to work with in Shadcn projects.

I think it would be interesting to see integration with a Live Camera Color Picker, allowing users to capture colors from real-world objects and instantly generate matching palettes. This could make creating custom themes even faster and more intuitive.

Thanks for building and sharing this project!

[michael-masarik]

💯

[michael-masarik]

Great tool! Thank you so much - it is so awesome to be able to preview what changes to each var does to the various components.