The modern utility-first CSS framework with superpowers
Install via npm:
npm install -g windflow-css
Built on Tailwind's foundation but enhanced with modern features developers actually want.
From subtle micro-interactions to eye-catching effects. Rubber band, jello, glitch, neon glow, and more.
Pre-built themes with smart CSS variables. Switch themes instantly with zero configuration.
Full 3D support with perspective, rotation, and transforms. Create immersive experiences.
Beautiful, animated loading states. No JavaScript required.
Built-in backdrop filters and glass effects. Perfect for modern UI designs.
Intelligent autocomplete, hover documentation, and theme previews.
Click any button to see the animation in action
<button class="hover:animate-rubber-band bg-purple-500 text-white px-4 py-2 rounded">
Hover Animation
</button>
<div class="animate-float animate-infinite">
Floating Element
</div>
8 carefully crafted themes. Switch instantly with CSS classes.
Modern dark theme with enhanced contrast
Futuristic neon-inspired theme
Transparent glass-like effects
80s vintage aesthetic
<body class="theme-cyberpunk">
<div class="bg-theme-background text-theme-text">
<h1 class="text-theme-primary">Themed Title</h1>
<div class="bg-theme-surface border-theme-border">
Content adapts to active theme
</div>
</div>
</body>
Everything you need to get started with WindFlow
npm install -g windflow-css
windflow init
windflow build