flutty_ds

Design System for Flutter - tokens, components and UI primitives.

Installation

dependencies:
  flutty_ds: ^0.1.1

Usage

Quick start

Import:

import 'package:flutty_ds/flutty_ds.dart';

Tokens

final primary = FluttyColors.primary;
final padding = EdgeInsets.all(FluttySpacing.md);

Theme

FluttyThemeWrapper helps you build a MaterialApp with a consistent theme setup.

FluttyThemeWrapper(
  theme: FluttyMaterialTheme.defaultTheme,
  mode: ThemeMode.system,
  materialAppBuilder: (theme, mode) {
    return MaterialApp(
      themeMode: mode,
      theme: theme.light() ?? ThemeData.light(),
      darkTheme: theme.dark() ?? ThemeData.dark(),
      home: const Scaffold(body: Center(child: Text('Hello'))),
    );
  },
);

Components

ClickableCard(
  icon: Icons.touch_app,
  onTap: () {},
  body: const Text('Tap me'),
);

Example

See packages/flutty_ds/example for a small demo app showcasing tokens, theming and a few components.

API Documentation

See the API docs for full documentation.