FluxCSS
Config Generator v0.2
Theme
Dark
Light
Font
DM Sans
Outfit
Space Grotesk
Geist
Satoshi
Cabinet
JetBrains
System
Icon Library
Lucide
Phosphor
Tabler
Bootstrap
None
Radius
Sharp
Soft
Round
Pill
Density
Compact
Normal
Spacious
Accent Hue
195
Animation Speed
1.0
0 = instant · 1 = default · 2 = slow
Shadow Intensity
1.0
0 = flat · 1 = default · 2 = dramatic
Preview · Live Config

This is what your site looks like.

Every change in the config panel updates the preview in real time. Toggle theme, swap fonts, adjust accent hue — see it all instantly.

Colors
Accent-driven palette
The accent hue drives buttons, badges, links, and highlights. All 15 oklch hue palettes are available via attributes or classes.
Surfaces
surface-0 (base)
surface-1
surface-2
surface-3
Text
text-primary
text-secondary
text-muted
text-accent
Hue Palettes (accent hue shown)
Red
Blue
Green
Components
Cards, stats, inputs, table
0.27%
Error rate
175
Validations
8
Domains
Buttons
Badges
Default Success Error Warning
Inputs
Table
ModuleStatusErrorSpeed
MaterialsLive0.23%12ms
PlasmaLive<1%8ms
CosmologyLive0.27%34ms
ChemistryBeta3.5%6ms
Pricing Cards
Free
$0
Get started. No card needed.
✓ Core modules
✓ Basic precision
✗ HPC Lab
Pro
Popular
$25k/yr
Full platform access.
✓ Everything in Free
✓ HPC Lab
✓ Priority support
Enterprise
$175k/yr
Source code + SLA.
✓ Everything in Pro
✓ Source code
✓ Dedicated SLA
Output
Your configuration
This is the HTML tag and CSS override your downloads will include.