Launch
butterfly css v3.1
Visit
Example Image

butterfly css v3.1

Build responsive animated websites easily in new way!

Visit

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


Example Image
Example Image
Example Image
Example Image
Example Image

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

  1. if u want to make your website stand out from other repeative website built on tailwind or others
  2. if you are beginner and want to make advanced animations and dark mode in seconds easily
  3. 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:**
  1. full package of features like tailwind
  2. very light wight one
  3. large community one


Comments

custom-img
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

custom-img
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!

custom-img
We are a performance-driven digital mark...

awesome tool nice to know the tools

custom-img
Frontend engineer aged 15
Makers
custom-img
Frontend engineer aged 15

Comments

custom-img
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

custom-img
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!

custom-img
We are a performance-driven digital mark...

awesome tool nice to know the tools