fabrik_theme 0.1.1
fabrik_theme: ^0.1.1 copied to clipboard
A foundational theme system for Flutter apps, built on design tokens.
Fabrik Theme #
fabrik_theme
is the design foundation of the Fabrik UI system. It provides a complete set of design tokens and utilities for theming, layout, and responsive design — allowing you to build consistent, scalable Flutter apps with minimal effort.
✨ Features #
- 🎨 Design Tokens for colors, spacing, radius, elevation, and icon sizes
- 🔠 Typography system with responsive scaling and theme aware colors
- 📱 Responsive utilities to adapt UI across layouts (Mobile/Desktop)
- 🎯 Theme builder for generating a
ThemeData
using Fabrik tokens
📦 Installation #
dependencies:
fabrik_theme: ^<latest-version>
🚀 Usage #
1. Import the theme in your app #
import 'package:fabrik_theme/fabrik_theme.dart';
2. Apply the theme in MaterialApp
#
MaterialApp(
themeMode: ThemeMode.system,
theme: FabrikThemeBuilder.light(),
darkTheme: FabrikThemeBuilder.dark(),
home: MyHomePage(),
);
🎨 Design Tokens #
Access token values anywhere in your app:
FabrikSpacing.x4
FabrikRadius.r4
Access colors and typography through FabrikTheme
final theme = FabrikTheme.of(context);
Text(
'Fabrik Typography.',
theme.typography.bodyLarge.copyWith(
color: theme.colors.primary,
),
),
📱 Responsive Helpers #
Use layouts to build adaptive layouts:
final isMobile = FabrikResponsive.isMobile(context);
Documentation #
For full documentation and usage examples visit fabriktool.com
Contributing #
PRs welcome! Let's build a thoughtful, developer-friendly Flutter design system together.