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

Demos

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

Comic Theme	Sleek Theme

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.

• You can set comicBorderWidth before using the ComicTheme widget. With this, you can control the border width of the outline.

Widget build(BuildContext context) {
  comicBorderWidth = 1.0;
  return MaterialApp.router(
    theme: ComicTheme.of(context).copyWith(),
  );
}

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