join waitlist for v4.3 launch🤩

butterfly css

build stunning 🩷responsive animated websites at lightspeed⚡ with powerful intuitive attributes from(handdrawn ,ball-move-1,..🎾)to,(btn=pink,navbar,responsive🍩 )

why go attributes?🚀

our magical attributes ✨

how we broke the rules 💪

second to none attribute based syntax
the easiest dark mode
the easiest responsive box
the first framework for kids
no environment setup just cdn
well documented with real preview

loved by the community💞

Mu Joe

Whoa, Butterfly CSS I'm *truely* digging the focus on animations – making CSS so much less painful Kinda genius imo, to streamline the whole process

ankush

"Butterfly CSS's biggest strength is its simplicity and power packed into a lightweight, beginner-friendly package."

Andrew Carter

Really impressive work! I like how Butterfly CSS simplifies building creative websites without bulky frameworks. minimal yet powerful CSS feels refreshing"

DocuBloom

"It's a great product for a team that is new to motion and animation would guide them in the right direction "

Mai Easa

that's excellent. I liked the way the library is presented and the examples that help beginners. Honestly, the library is very good.

postall

Attribute-based styling is an interesting direction — skipping the class-naming mental overhead is real for anyone spent time debugging specificity conflicts.

free pricing no cost 💰

basic

For creative devs

0$

Features:

🎀

access every thing

🎀

unlimited Projects

🎀

docs with butterpilot ai

Get Started

Pro

For fans

github star⭐

Features:

🎀

make us really happy

🎀

be famous

🎀

help butterfly css fly

star our repo

diamond sponsor

For loyal developers .

write a review 💞

Features:

🎀

make us over the moon

🎀

become featured here

🎀

be a community builder