✶ Flutter Design System

Build
Once.
Ship
Anywhere.

Dievas ports Moon Design System's component catalogue. Token-driven. InheritedModel-first. Multi-brand.

View on pub.dev→ Gallery
3 packages
2 default themes
16 components
∞ brand configs
DIEVAS
dievas / gallery
dievas.serticode.com/gallery

Buttons

Filled
Outlined
Ghost
⊞

Colour Tokens

action
brand
text-hi
bg-base
border
success
warning
error

Typography Scale

Aa displayLg · Extended 500
Aa headingMd · Maison 500
Aa codeMd · DM Mono 400

Component Status

FilledButton
OutlinedButton
TextButton
IconButton
Avatar
Badge
Checkbox
Switch
TextArea
TextField
Radio
Tag
Divider
CircularProgress
LinearProgress
Icon
BottomSheet
Toast
Modal
Tooltip

✶ Architecture

01

Token-first

Primitives → semantic aliases → Flutter Color structs. Zero hardcoded values in components.

02

InheritedModel precision

DievasTheme has 9 aspects. A widget reading colors won't rebuild when spacing changes.

03

Multi-brand by design

Apps extend DievasGlobalThemeData — the system never knows which brand is running.

04

Pure Dart token layer

dievas_tokens has zero Flutter imports. Safe for Jaspr, CLI, and server targets.

dievas_tokens
pure dart
↓
dievas
flutter
↓
DievasScope
entry point
↓
DievasTheme
inherited
↓
components
sealed styles

✶ Component status

production
in progress
FilledButton
OutlinedButton
TextButton
IconButton
Avatar
Badge
Checkbox
Switch
TextArea
TextField
Radio
Tag
Divider
CircularProgress
LinearProgress
Icon
BottomSheet
Toast
Modal
Tooltip

See it in action.

Interact with every component, toggle themes,
test viewports — in the live gallery.

Open Dievas Gallery→