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

Submit Bro

Let us submit your SaaS, info-product etc on 70 high traffic directories

Comments

Amr Kilany

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

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)

Bloom Agency

We are a performance-driven digital mark...

awesome tool nice to know the tools

Upvote Reply

Premium Products

TeeDIY

AI-powered T-shirt design tool for generating customized unique apparel designs in seconds.

Duetto

Know if you can afford it. Before you buy it.

Ephemeroo

Messaging app where messages fade away after a set time.

GCS Cheats

A trusted marketplace for premium video game cheats.

VibeBot

Build Discord bots with words, not code

Zapic

Grow your audience, fully autonomously.

CosmicMeta.ai

Intelligence Publishing Itself!

Sora Watermark Remover

Remove watermark from Sora videos. Paste Sora link & get clean video in minutes

Shiori

The only macOS bookmark manager you'll ever need.

StarterKitPro

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

Nano Banana

Nano Banana is an advanced AI Image Editor & Generator

DocJoist

Construction document management platform for contractors.

ColorBliss

Create custom coloring pages with AI. Type a prompt or upload a photo to make printable coloring pages in seconds.

HueGeo

Create custom maps fast. Import Excel/CSV and auto-color regions.

FineVoice

Every Voice You Imagine, Your FineVoice

Shortimize

Track, analyze, and explore your short-form content & competitors on TikTok, Reels, and Shorts.

QuantDock

Turn plain english trading ideas into AI bots for automated trade execution

Buy

Submit Bro

Let us submit your SaaS, info-product etc on 70 high traffic directories

Wisewand Stop publishing. Start ranking

SEO / GEO full automated to produce quality autonomously

IndexMachine

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

View all

Awards

View all

Amr Kilany · Follow

Frontend engineer aged 16

Makers

Amr Kilany · Follow

Frontend engineer aged 16