Why choose between power and size? With v4, we rebuilt the engine from the ground up to give you the most intuitive CSS framework on the planet.
✨ What makes Butterfly v4 a Game Changer?
🚀 The 35kb Revolution: We’ve slashed our CDN size by 80%. Thanks to our new JS engine, you get a full-featured framework in a tiny 35kb package. Speed is no longer an option; it’s the default.
🪄 Magic Animations: Forget complex keyframes. Want an element to swing, flip, or slide-x? Just type it. It’s that simple.
🎨 Hand-Drawn & Fun: Exclusive syntax for unique animations like birthday-paper, handdrawn, and ball-move-1. Perfect for creative projects and portfolios.
📱 Responsive in One Word: No more media query headaches. Just type responsive and your layout adapts instantly.
🩷 Clip-Path Shapes: Create heart, star, and complex shapes without touching a single coordinate.
♾️ Infinite Scalability: We switched to rem for a truly fluid experience. Whether it's h-10 or h-9999, the flexibility is now limitless.
🐣 Built for Everyone: From professional devs to kids learning their first lines of code. If you can dream it, you can "draw" it with Butterfly.
butterbilot :ai agent lets you learn the library in a minute
🧁( Explore the New Universe)
Check out our brand-new, AI-powered documentation. I’ve spent months perfecting it to ensure you spend less time reading and more time creating.
🚀 Key Use Cases
👦 Kids & Beginners: An exceptionally gentle learning curve. No complex setup—just pure, logical HTML attributes that make sense from day one.
🪶 Lightweight Projects: Perfect for developers who prioritize performance. Load only what you need without the bloat of massive libraries.
⚡ Rapid Prototyping (MVPs): Designed for "fast typing." Build your Minimum Viable Product in hours, not months , with highly memorable syntax.
✨ Creative Touch: Beyond standard layouts, it includes unique animations and effects that give your site a distinct, "hand-crafted" personality.
🔗 Explore Butterfly CSS v4
https://butterfly-css.netlify.app/
Top comments (1)
Dont forget to leave a comment one 🐥comment can make us really uplifted 💞🎨
Thanks for everyone 😊