butterfly css v3.1

by Amr Kilany

Build responsive animated websites easily in new way!

4.8(6)4Design

Visit website

Free

Discuss

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

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

Premium Products

StarterKitProStarterKitPro is your 90% done SaaS starter kit - all in Next.js

ReachdBecome the #1 business recommended by ChatGPT and Google AI

HandbookHubEmployee handbook builder

AIGROWGet your business recommended by ChatGPT and Gemini

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

Comments

Amr KilanyMaker

Frontend engineer aged 16

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

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!

thanks for your support can we use this as tesmonial on our website with img, text, name, job please respond as quickly as possible , thanks

Bloom Agency

We are a performance-driven digital marketing agency in Andheri, Mumbai. We chase accelerated sustainable growth for brands globally with our digital marketing services

awesome tool nice to know the tools

butterfly css v3.1

Features

Use Cases

Premium Products

butterfly css v3.1

Features

Use Cases

Comments

Premium Products

Awards

Makers

Sponsors

Last Week's Best

Comments