butterfly css

Amr KilanyAmr Kilany
1 min read

Butterfly CSS is a simple and powerful CSS framework created by me and ai . It helps you build great-looking websites much faster and with less effort.

Instead of writing a lot of CSS code, Butterfly CSS lets you add special attributes directly to your HTML. This makes it easy to control how your web pages look and behave.

Here’s what makes Butterfly CSS helpful:

  • Built-in Animations: Add cool animations like spin, bounce, and pulse to make your website more dynamic and engaging.

  • Custom Shapes: Easily create complex shapes like circles, stars, and hearts using simple attributes, going beyond standard rectangles.

  • Vibrant Colors: Choose from a wide range of colors for backgrounds and text, with multiple shades available for each.

  • Interactive Effects: Make your website more interactive with various hover effects that allow elements to change, glow, or transform when a user interacts with them.

  • much more you can explore

links:

https://685b0c48da824b2db3f88a52--dynamic-crostata-5dcdc5.netlify.app/

https://685b0c48da824b2db3f88a52--dynamic-crostata-5dcdc5.netlify.app/docs

https://github.com/AMR2010M/butterfly-css

start now with link or download for free and opensource from website

    <link rel="stylesheet" href="https://685b0c48da824b2db3f88a52--dynamic-crostata-5dcdc5.netlify.app/butterfly%20css/float.css">
3
Subscribe to my newsletter

Read articles from Amr Kilany directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Amr Kilany
Amr Kilany