Let’s be honest: modern web design can feel a little repetitive. Everything is a perfectly sharp, clean, corporate box built with Tailwind or Bootstrap. If you want to make something that stands out and feels alive, you need Butterfly CSS. 🦋

What is it?

Butterfly CSS is an attribute-based CSS framework designed to give your websites a unique, playful, hand-drawn look with absolute zero effort.

Why you'll love it:

• Attribute-Based Simplicity: No massive string of utility classes. You just add straightforward HTML attributes. Want a button to look sketchy? Add handdrawn. Want it turn into flying butterfly? Add butterfly='fly'.
• Unique Style: It instantly injects personality into your project, making it look like a creative sketch while maintaining perfect responsive layouts.
• Built-in Power: It comes with easy dark-mode handling, flexible flexbox grids, and a beautiful color palette out of the box.

Perfect for portfolios, indie games, or indie hacker side-projects that need to catch a user's eye instantly.

Explore the framework here: Butterfly CSS ✨

👉 Would you use a hand-drawn style for your next side project? Let me know!