Andrej ⚑️ Profile picture
Freelance dev. Tweets about AI, tech, React, and web dev. #buildinpublic *the best* ✌️ ChatGPT app for macOS: https://t.co/tFTqQyK19G

Aug 9, 2022, 9 tweets

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.

Keep scrolling