Tiendita Design System #

Atomic Design package for Flutter with reusable tokens, semantic theme, and showcase screens.

Features #

• Atomic levels: Atoms, Molecules, Organisms, Templates, Pages
• Foundations: color tokens, typography scale, spacing, radius, elevation, borders, icon sizing
• Semantic theme layer for consistent component styling
• example/ app with dedicated screens per atomic level

Installation #

After publishing to pub.flutter-io.cn:

dependencies:
  tiendita_design_system: ^0.1.0

While developing from source:

dependencies:
  tiendita_design_system:
    path: ../tiendita_design_system

Quick Start #

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

void main() {
  runApp(
    MaterialApp(
      theme: TiendaTheme.light(),
      home: const TiendaShowcaseHomePage(),
    ),
  );
}

You can also run the showcase app directly:

runApp(const TiendaAtomicShowcaseApp());

Run the Example #

cd example
flutter pub get
flutter run

Package Structure #

lib/
├── tiendita_design_system.dart
└── src/
    ├── foundations/
    ├── shared/
    │   ├── data/models/
    │   └── ui/
    │       ├── atoms/
    │       ├── molecules/
    │       ├── organisms/
    │       ├── templates/
    │       └── pages/
    └── features/showcase/

Pre-Publish Checklist (pub.flutter-io.cn) #

1. Update version in pubspec.yaml.
2. Add real homepage, repository, and issue_tracker URLs in pubspec.yaml.
3. Run validation:

flutter analyze
flutter test
dart pub publish --dry-run

4. Publish:

dart pub publish

License #

MIT - see LICENSE.