Show HN: Butterfly CSS framework forget class soup

amrkilany3 pts0 comments

butterflyCSS|build websites that fly out of the box by html attributes

join waitlist for v4.3 launch🤩

butterfly css

build stunning 🩷responsive websites without class soup with powerful intuitive attributes from(handdrawn ,ball-move-1,..🎾)to,(btn=pink,navbar,responsive🍩 )

Get started 🚀

why go attributes?🚀

Fast typing🎠

attribute-based styling makes it so fast especially with very descriptive and short attributes

easy animation 💫

make stunning animation with just typing an attribute like ball-move-1, handdrawn,light-fouce,,birthday-paper,pulse, etc.

Effortless Dark Mode 😴

The easiest way to implement advanced dark mode. Add just three attributes to unlock a complete dark mode toggle in your website with limitless customiziation.

our magical attributes ✨

how we broke the rules 💪

second to none attribute based syntax

the easiest dark mode

the easiest responsive box

no class soup just attributes

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 —<br>skipping the class-naming mental overhead<br>is real for anyone spent time debugging specificity<br>conflicts.

free pricing no cost 💰

basic

For creative devs

0$

Features:

🎀<br>access every thing

🎀<br>unlimited Projects

🎀<br>docs with butterpilot ai

Get Started

Pro

For fans

github star⭐

Features:

🎀<br>make us really happy

🎀<br>be famous

🎀<br>help butterfly css fly

star our repo

diamond sponsor

For loyal developers .

write a review 💞

Features:

🎀<br>make us over the moon

🎀<br>become featured here

🎀<br>be a community builder

write a review

attributes butterfly class attribute dark mode

Related Articles