Flux

What Is the Flux Template?

Flux is a modern SaaS marketing template by Cruip built for product, software and startup teams. Its clean typography, refined dark mode and animated hero and micro illustrations give your software a polished look without an in-house design team.

It comes in two versions, each downloaded as a separate .zip file:

• Next.js 16 with TypeScript and Tailwind CSS v4

• Astro 6 with Tailwind CSS v4 for fast, content-focused sites

Flux is sold on its own or as part of Cruip's Modern Bundle.

Features ✨

• 100+ Components: A fully composable, block-based architecture

• WebGL Shaders: Real-time shaders and motion animations

• Animated Illustrations: Animated hero and micro illustrations

• MDX Content: Blog and careers content driven by MDX

• Refined Dark Mode: Light and dark themes

• SEO Ready: Built-in SEO and metadata

Included Pages 📒

• Product Home Page

• About page

• Pricing page with a comparison table

• Contact page

• Blog & Careers pages

• Signup pages

(In total, you get 14+ ready-made pages.)

Pros and Cons

Pros ✅

• Eye-Catching Motion: WebGL shaders and animated illustrations stand out

• Large Component Set: 100+ components to swap and extend sections

• Two Frameworks: Choose Next.js or Astro

• Commercial License: Use it in unlimited personal, commercial and client projects

Cons ⚠️

• Heavier Visuals: WebGL effects may need tuning on low-end devices

• No HTML or Vue Version: Only Next.js and Astro are provided

• Learning Curve: Requires familiarity with Tailwind CSS and the chosen framework

Integration

• MDX: Write blog posts and job listings as MDX files

• Next.js or Astro: Deploy to any host that supports your framework

• Tailwind CSS v4: Adjust colors, fonts and spacing from your Tailwind setup