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? Addbutterfly='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!
Top comments (0)