FlowCSS

A modern CSS framework with 40+ animations, glassmorphism, 3D transforms, pre-built components, and dark mode — zero dependencies, zero build step.

Why FlowCSS?

Feature	FlowCSS	Tailwind
Built-in animations	✅ 40+	❌ 4
Scroll-triggered reveals	✅	❌
Glassmorphism utilities	✅	❌
3D / perspective utilities	✅	❌
Pre-built components	✅	❌
Zero build step	✅	❌
Gradient text utilities	✅	Plugin needed
Auto-responsive grid	✅	❌
Typewriter effect	✅	❌
Dark mode (zero classes)	✅	Partial

Install

npm install flowcss

<!-- Via CDN -->
<link rel="stylesheet" href="https://unpkg.com/flowcss/dist/flow.css">
<script src="https://unpkg.com/flowcss/dist/flow.js" defer></script>

Quick Start

<div class="flow-card flow-card-3d flow-animate-slide-up">
  <h1 class="flow-text-gradient">Hello FlowCSS</h1>
  <p class="flow-text-muted">40+ animations. Just add a class.</p>
  <button class="flow-btn flow-btn--gradient flow-btn--ripple">Get Started</button>
</div>

Docs

Full documentation: flowcss.dev/docs

License

MIT © 2025