easy_design_system 0.0.24 copy "easy_design_system: ^0.0.24" to clipboard
easy_design_system: ^0.0.24 copied to clipboard

Elegant and easy-to-use UI/UX design library for Flutter, crafted to enhance your app's aesthetics and user experience.

Easy Design System #

The Easy design system is an Elegant and easy-to-use UI/UX design library for Flutter, crafted to enhance your app's aesthetics and user experience without learning anything. This is an open-source project that you can fork and pr.

And again, there is nothing to learn. Just install the package and apply the theme to MaterialApp.

Getting started #

To learn more, please visit the Easy Design System document website.

Entry Screens #

Easy Design System provides a starting screen for your app.

BasicCarouselEntry WaveCarouselEntry RoundCarouselEntry
BasicCarouselEntry WaveCarouselEntry RoundCarouselEntry

Demos #

Here are some demos of the Easy Design System (SDS).

Comic Theme Sleek Theme
DemoScreen DemoScreen
DemoScreen DemoScreen
DemoScreen DemoScreen
DemoScreen DemoScreen
DemoScreen DemoScreen

Usage #

Easy Design System follows the principle of the Flutter programming style. You can continue with Flutter coding without knowing how to apply the UI design.

For instance, SDS provides ComicTheme and you can use it like below;

Theme(
    data: ComicTheme.of(context),
    child: const ListTile(
    title: Text('Item 1'),
    subtitle: Text('Subtitle 1'),
    leading: Icon(Icons.access_time),
    trailing: Icon(Icons.arrow_forward_ios),
    ),
),

As you know this is the way how the Flutter goes.

You may use the ComicTheme widget for short like below;

const ComicTheme(
    child: ListTile(
    title: Text('Item 2'),
    subtitle: Text('Subtitle 2'),
    leading: Icon(Icons.access_alarm),
    trailing: Icon(Icons.arrow_forward_ios),
    ),
),

For more details, please visit the Easy Design System document website

Things to learn #

Comic theme #

  • Comic theme uses
    • outline with outline color.
    • background color with the surface color.

Sleek theme #

  • Sleek theme uses
    • background color with primaryContainer.

Contribution #

  • Fork and PR.
  • Leave your issues on the git repo.

How to build and run #

  • Fork (or clone) the project.
  • Run the example project
3
likes
0
pub points
47%
popularity

Publisher

verified publishersonub.com

Elegant and easy-to-use UI/UX design library for Flutter, crafted to enhance your app's aesthetics and user experience.

Homepage
Repository (GitHub)
View/report issues

Topics

#ui #widget #theme #design #easy-packages

License

unknown (license)

Dependencies

flutter, loop_page_view, rxdart, smooth_page_indicator

More

Packages that depend on easy_design_system