social_design_system 0.0.13
social_design_system: ^0.0.13 copied to clipboard
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 is an Elegant 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.
How to work #
- Add theme desing
- Add Sample code
- add screenshots to README.md
- documentation