search

SyntaxUI / syntaxui

Get free access to pre-built, Tailwind CSS-powered components, animations and effects - brought to life using Framer Motion. Just copy, paste and you're ready to go!
https://syntaxui.com
MIT License
806 stars 52 forks source link

[FEATURE]: Gradient Suggestions #234

Closed Ansub closed 1 month ago

Ansub commented 3 months ago

Feature Description 📝

I am seeking suggestions for gradients to enhance the syntax UI.

If you have any gradient hex-code recommendations, please list them below in the following format for easy integration into the gradient card:

bg-gradient-to-r from-[#6ee7b7] via-[#34d399] to-[#10b981]
faisal004 commented 3 months ago

bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-blue-500 to-blue-700

Hi @Ansub by using the above string we can have as many gradients we want ellipse at top or bottom , left ,right and maybe a ellipse or circle .

Ansub commented 3 months ago

This is really neat @faisal004, I added 3 new radial gradients CleanShot 2024-07-02 at 17 04 17@2x

faisal004 commented 3 months ago

Thanks @Ansub