CSS generators that are so helpful it feels illegal to use them for free:
π¨π§΅
1. Glassmorphism CSS Generator
Just bookmark it. Sooner or later you will need to deal with glass π
π¨ ui.glass/generator/
2. Fluid Typography Without Media Queries
Font sizes on your website can't be more fluid than that.
No media queries. Just one MAGIC line of CSS.
π¨ min-max-calculator.9elements.com
3. Mesher
Buttery-smooth mesh gradients?
Who doesn't like them?
Generate CSS for your website in a few clicks.
π¨ csshero.org/mesher
4. Haikei
Generate unique SVG design assets
Waves, blobs, gradients, particles... It's a one-stop shop for your fancy SVG needs.
π¨ haikei.app
5. Shadows
Why would you ever try to write CSS for box shadows?
A fresh jar of peanut butter is how soft these shadows are.
Seriously, it can't get any better than that.
π¨ shadows.brumm.af
6. Fancy Border Radius
It's fancy indeed.
For creative souls out there.
π¨ 9elements.github.io/fancy-border-rβ¦
7. CSS Text Gradient
Everyone loves text gradients nowadays.
Create, preview, and copy to your project.
π¨colorffy.com/text-gradient-β¦
That's it for this thread!
Was it helpful? Let me know in the comments!
It means the world to me whenever you β€οΈor retweet my threads. π
Follow @reactive_dude for React, JavaScript & Web Development tips.
π
Share this Scrolly Tale with your friends.
A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.