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