Skip to main content
Chromia UI Logo

Build Beautiful Flutter Apps

Chromia UI is a comprehensive Flutter design system that provides 34+ production-ready UI components, dynamic theming, and multi-brand support for mobile, desktop, and web applications.

Quick Start

Get started with Chromia UI in minutes

Components

Explore all 34+ UI components

Theming System

Learn about dynamic theming and customization

API Reference

Complete API documentation

Key Features

34+ Components

Production-ready buttons, inputs, cards, navigation, and more

Dynamic Theming

Light, dark, and custom themes with runtime switching

Multi-Brand

Manage multiple brands with independent themes

Design Tokens

Consistent colors, typography, spacing, and more

Multi-Platform

Mobile, desktop, and web support out of the box

Type Safe

Strongly typed API for better developer experience

Installation

dependencies:
  chromia_ui: ^0.1.0

Quick Example

import 'package:flutter/material.dart';
import 'package:chromia_ui/chromia_ui.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return ChromiaTheme(
      data: ChromiaThemeData.light(),
      child: MaterialApp(
        title: 'My App',
        theme: ChromiaTheme.of(context).toMaterialTheme(),
        home: const HomePage(),
      ),
    );
  }
}

What’s Included

Buttons, text fields, checkboxes, radio buttons, toggle buttons, sliders, dropdowns, and date pickers
Typography, avatars, badges, chips, and code preview
Cards and dividers for structuring your UI
Dialogs, progress indicators, snackbars, and tooltips

Ready to Get Started?

Installation Guide

Add Chromia UI to your Flutter project

Quick Start Tutorial

Build your first app with Chromia UI

Build docs developers (and LLMs) love