FluttyUI Logo
FluttyUI
Customization

Theme

Understand the FluttyUI theme model and how global tokens control component styling across your app.

FluttyUI uses a token-driven theme model so your UI stays consistent as your app grows.

Core theme tokens

  • Colors
  • Typography
  • Spacing
  • Radius
  • Shadows

When you update these tokens, components across your app inherit the new system values.

Theme strategy

Define a small set of semantic tokens first, then map component styles to those tokens instead of hardcoded values.