shared/ — Reusable UI Building Blocks

Community

Reusable Flutter UI building blocks

AuthorVantoan252003
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Enforces a clear separation between presentation and business logic by providing a consistent set of pure UI widgets, extension methods, and mixins that reduce duplication, prevent logic leakage, and ensure visual consistency across the app.

Core Features & Use Cases

  • Pure UI components: stateless widgets exposed via a widgets barrel that accept callbacks for all interactions.
  • Styling tokens: centralized styling through AppColors, AppTypography, and AppDimensions to eliminate hardcoded values.
  • Reusable mixins & extensions: loading, pagination, after-first-layout mixins and context/string/datetime/num/widget extensions for common behaviors and formatting.
  • Use cases: building form screens, paginated lists, overlays (dialogs/bottom sheets/snackbars), map UI elements, and consistent input controls across features.

Quick Start

Import shared/widgets/widgets.dart and use AppButton or AppTextField with callback props and AppColors/AppTypography tokens to build a consistent UI component.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: shared/ — Reusable UI Building Blocks
Download link: https://github.com/Vantoan252003/Mozi/archive/main.zip#shared-reusable-ui-building-blocks

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.