zeba_academy_design_system 1.0.0 copy "zeba_academy_design_system: ^1.0.0" to clipboard
zeba_academy_design_system: ^1.0.0 copied to clipboard

A scalable, production-ready Flutter Design System for Zeba Academy. Includes design tokens, reusable UI components, theme management, and consistent UI guidelines for building modern Flutter applications.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📘 CHANGELOG Zeba Academy Design System ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

All notable changes to this project will be documented in this file.

This project follows Semantic Versioning (SemVer): MAJOR.MINOR.PATCH

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🚀 [1.0.0] - 2026-06-30 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎉 INITIAL RELEASE

✨ Added ━━━━━━━━━━━━━━━━━━━━━━ 🎨 Design Tokens System

  • ZebaColors (Primary, Secondary, Status colors)
  • ZebaSpacing (xs, sm, md, lg, xl)
  • ZebaRadius (rounded corner system)
  • ZebaTypography (H1, H2, body, caption styles)

🧩 UI Components

  • ZButton (primary reusable button)
  • ZCard (elevated container card)
  • ZTextField (styled input field)

🌗 Theme System

  • ZebaTheme.light()
  • ZebaTheme.dark()
  • Material 3 support enabled

🔄 Theme Controller

  • ZebaThemeController (runtime theme switching)

📐 UI Guidelines Module

  • Standard spacing rules
  • Color usage rules
  • Component usage rules

━━━━━━━━━━━━━━━━━━━━━━ 🧠 Developer Experience ━━━━━━━━━━━━━━━━━━━━━━ ✔ Centralized design system architecture
✔ Clean token-based styling approach
✔ Fully Flutter compatible
✔ Easy import/export system
✔ Modular folder structure

━━━━━━━━━━━━━━━━━━━━━━ ⚠️ Known Limitations ━━━━━━━━━━━━━━━━━━━━━━

  • No animation system yet
  • No responsive layout helpers
  • No icon system included
  • No Figma token sync yet

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🛠 PLANNED (ROADMAP) ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🚧 1.1.0 (Upcoming)

  • Animated button variants
  • Loading states for components
  • Skeleton loaders

🚧 1.2.0

  • Responsive layout system
  • Breakpoint utilities
  • Grid system

🚧 2.0.0

  • Full design token engine (JSON based)
  • Figma sync support
  • Theme builder UI tool
  • Component variant system (like Material 3 advanced)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 👨‍💻 AUTHOR ━━━━━━━━━━━━━━━━━━━━━━

Sufyan bin Uzayr
🌐 https://sufyanism.com
💼 https://www.linkedin.com/in/sufyanism

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🌍 ZEBA ACADEMY ECOSYSTEM ━━━━━━━━━━━━━━━━━━━━━━

🌍 https://zeba.academy
💻 https://code.zeba.academy
📺 https://www.youtube.com/@zeba.academy
📸 https://www.instagram.com/zeba.academy/

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📜 LICENSE ━━━━━━━━━━━━━━━━━━━━━━

This project is licensed under:

GNU GENERAL PUBLIC LICENSE v3.0 (GPL-3.0)

🔗 https://www.gnu.org/licenses/gpl-3.0.html

✔ You may:

  • Use
  • Modify
  • Distribute

❗ You must:

  • Keep source open under GPL-3.0
  • Provide attribution
  • Share modifications under same license

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🚀 END OF CHANGELOG ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

0
likes
120
points
63
downloads

Documentation

API reference

Publisher

verified publisherzeba.academy

Weekly Downloads

A scalable, production-ready Flutter Design System for Zeba Academy. Includes design tokens, reusable UI components, theme management, and consistent UI guidelines for building modern Flutter applications.

Homepage

License

GPL-3.0 (license)

Dependencies

flutter

More

Packages that depend on zeba_academy_design_system