Dievas

The Dievas design system.

Flutter theme and component layer.

Built on dievas_tokens for primitive and semantic design tokens.

Features

  • Theme contractDievasThemeData interface with DievasGlobalThemeData sealed abstract base for brand themes
  • Default themesDievasLightThemeData and DievasDarkThemeData
  • 35+ components — buttons, form inputs, display, feedback, overlays, navigation, and utility widgets
  • InheritedModel — efficient sub-system accessors (context.colors, context.typography, etc.)
  • Responsive gridDievasGrid with breakpoint-aware layout
  • LocalizationDievasLocalizations delegate with context extension

Usage

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

void main() => runApp(
    DievasScope(
      lightTheme: DievasLightThemeData(),
      darkTheme: DievasDarkThemeData(),
      child: const MyApp(),
    ),
  );


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

  @override
  Widget build(BuildContext context) {
    final colors = context.colors;

    return MaterialApp(
      theme: context.theme.material,
      home: Scaffold(
        backgroundColor: colors.background.bgBase,
        body: Center(
          child: DievasFilledButton(
            label: 'Hello Dievas',
            onPressed: () {},
          ),
        ),
      ),
    );
  }
}

License

MIT

Libraries

dievas
Dievas design system. Flutter theme and component layer.
l10n/dievas_localizations