butterfly css v3.1

butterfly css v3.1

Build responsive animated websites easily in new way!

Visit

Free

butterfly css is a new way to build websites that fly out of the box!

Design

Features

with butterfly you can make advanced or boring things instantly in a unique syntax
our dark mode is very easy for every one with only 3 atttibutes like dblack lwhite dark-btn its here

responsive box with only 'responsive ' attribute in th parent
flex-auto changes betwen row and column on differnt screens
handdrwn/birthday-paper/ball-move-1 animations and much more
10 gradients
intuitive and easy syntax for beginners
attribute based not class based
no env setup just cdn(170 kb currently and js cdn for dark mode )
bg=auto for cover center no-repeat
s{color} for shadow
much more you fancy you can see in our docs

Use Cases

if u want to make your website stand out from other repeative website built on tailwind or others
if you are beginner and want to make advanced animations and dark mode in seconds easily
if you want fast-typing and easy-to-remeber and learn syntax differnt from any framework syntax you fancy

**it not for you if u want:**

full package of features like tailwind
very light wight one
large community one

IndexMachine

Stop waiting weeks for Google to notice your pages. IndexMachine submits & tracks your URLs on full autopilot. Cheapest on the market.

Comments

Amr Kilany

Frontend engineer aged 15

want a unique framework that breaks rules of design and fly out of the box be a butterfly now and change the standards now

Upvote Reply

Andrew Carter

QA Engineer | Ensuring Bug-Free Apps

Really impressive work! I like how Butterfly CSS simplifies building responsive and creative websites without needing bulky frameworks. The idea of focusing on minimal yet powerful CSS feels refreshing, especially for developers who want speed and flexibility. Curious to see how this evolves compared to other CSS solutions, could be a great tool for lightweight projects!

Upvote (1)Reply (1)