social_design_system 0.0.12

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

Social Design System

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

There is nothing to learn with the social design system. It just works. Just apply the theme and continue the way how you develop your app.

Features

• Design systems for Flutter app development
• UI widgets

Getting started

Please visit the Social Design System document website to learn more.

UI samples

Comic Theme	Sleek Theme	Social Theme
ComicListView		x
ComicListView.builder		x
ComicListView.separated		x
Buttons		x
Settings		x
TextField		x
WaveCarouseEntry	BasicCarouseEntry	RoundCarouseEntry

Usage

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

For instance, SDS provides ComicTheme and you 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 really the way how the Flutter goes.

You may use 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 Social Design System document website

Contribution

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