FluttyUI Logo
FluttyUI
Customization

Create Theme

Build a custom FluttyUI theme with your brand tokens and export it for use across Flutter apps.

Create a custom theme by defining tokens for color, type, spacing, and radius.

  1. Start from a base theme
  2. Apply your brand palette
  3. Tune typography and spacing for readability
  4. Validate key screens in light and dark mode
  5. Export and version your theme

Use the Theme Generator to iterate quickly before committing token changes to code.

Colors

Configure semantic color tokens in FluttyUI for brand consistency, accessibility, and reusable UI states.

Dark Mode

Implement dark mode in FluttyUI with readable contrast, semantic tokens, and consistent component behavior.

On this page

Recommended flow