butterfly css
Attribute-based CSS framework for responsive, animated websites via CDN.
Free - Free and open-source on GitHub; available via jsDelivr CDN.
About butterfly css
Butterfly CSS is an open-source, attribute-driven CSS + JS framework that enables fast building of responsive, animated websites. Apply simple HTML attributes to control layout, responsiveness, motion (fly, confetti, spin/bounce/pulse), dark-mode color pairs, and clip-path shapes. Easy to use via jsDelivr CDN or by cloning the GitHub repo — designed for front-end developers and designers who want rapid, expressive UI composition without verbose CSS.
Key Features
- Attribute-based utility syntax for rapid UI composition and layout
- Automatic responsive behaviors and simple layout attributes (no manual flex/grid coding)
- Built-in animations and effects: fly, confetti, Standard Pack (spin, bounce, pulse)
- Theme support and Pro dark-mode color pairing (e.g., dpurple/lpurple)
- Clip-path shape utilities (hearts, stars, hexagons) and lightweight CDN install
Who is this for?
Front-end developers, web designers, and hobbyists building websites quickly with attribute-driven styling.
Comments (0)
No comments yet
Be the first to share your thoughts!
Sign in to join the conversation
Sign InStats
Pricing
FreeFree and open-source on GitHub; available via jsDelivr CDN.
Platforms
Tech Stack
Tags
Related Products
Sora AI
Create stunning videos from text in minutes
Claude Code
AI pair programmer that understands your entire codebase
Perplexity Pro
AI-powered research assistant with real-time citations
Leonardo AI
All-in-one AI art platform with superior control
Gemini 2.0 Flash
Google's fastest multimodal AI with 1M token context