A modern CSS framework with 40+ animations, glassmorphism, 3D transforms, pre-built components, and dark mode — zero dependencies, zero build step.
| 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 |
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><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>Full documentation: flowcss.dev/docs
MIT © 2025