Plain

Design System

A minimal, functional and easy customizable component library for designing sophisticated digital products.

Plain

Design System

A minimal, functional and easy customizable component library for designing sophisticated digital products.

Plain

Design

System

A minimal, functional and easy customizable component library for designing sophisticated digital products.

100s of ready-to-use responsive components

Streamlined and cost-effective design process. More than 380+ components will let you create more functional designs for each of your new products. Complete component overview

100s of ready-to-use responsive components

Streamlined and cost-effective design process. More than 380+ components will let you create more functional designs for each of your new products. Complete component overview

undraw_responsiveness_irhh
undraw_done_a34v

Predefined text styles to preserve consistency 

The Plain type scale includes a range of contrasting styles that support the needs of your product and its content. The scale uses the Source Sans typeface for all headlines, subtitles, body, and captions, creating a cohesive typography experience.

Predefined text styles to preserve consistency 

The Plain type scale includes a range of contrasting styles that support the needs of your product and its content. The scale uses the Source Sans typeface for all headlines, subtitles, body, and captions, creating a cohesive typography experience.

Brand, theme and semantic colors

Every color scheme comes with ten different color gradations. All color styles are easy customizable and linked to all components within the library.

Brand, theme and semantic colors

Every color scheme comes with ten different color gradations. All color styles are easy customizable and linked to all components within the library.

undraw_add_color_19gv
 

Built with Plain

Modern Webapp Example

 

Built with Plain

Modern Webapp Example

Plain Shop Example

Plain is working with Ionicons

The Plain design system is working great together with the Ionicons icon set. It's an open-sourced icon set with 1,200+ icons crafted for web, iOS, Android, and desktop apps. Please visit Ionic Framework for more great stuff.

Plain is working with Ionicons

The Plain design system is working great together with the Ionicons icon set. It's an open-sourced icon set with 1,200+ icons crafted for web, iOS, Android, and desktop apps. Please visit Ionic Framework for more great stuff.

Icons-big
 

Easy pricing –

it's free and open source. Forever.

 

Easy pricing –

its free and open source. Forever.

 

Easy pricing – its free and open source. Forever.

Sketch Component Library


sketch

$0 

Yes, it's free and open source.


 

Always free and open source

Free updates

Auto-updatable style guide

390+ custom built components 

220+ text styles

190+ color styles

8px grid layout

2 examples

Just fun

 

 

Sketch Component Library


sketch

$0 

Yes, its free and open source.


 

Always free and open source

Free updates

800+ custom built components 

250+ text styles

200+ color styles

UI examples

Just fun

 

 

Sketch Component Library


sketch

$0 

Yes, it's free and open source.


 

Always free and open source

Free updates

Auto-updatable style guide

380+ custom built components 

220+ text styles

190+ color styles

8px grid layout

2 examples

Just fun

 

 

Figma Component Library


sketch

Soon 

If there are enough requests ;)  


 

Always free and open source

Free updates

Auto-updatable style guide

390+ custom built components 

220+ text styles

190+ color styles

8px grid layout

2 examples

Just fun

 

 

Figma Component Library


sketch

Soon 

If there are enough requests



 

Always free and open source

Free updates

800+ custom built components 

250+ text styles

200+ color styles

UI examples

Just fun

 

 

 

 

 

Figma Component Library


sketch

Soon 

If there are enough requests. 


 

Always free and open source

Free updates

380+ custom built components 

220+ text styles

190+ color styles

8px grid layout

2 examples

Just fun

 

 

 

 

 

License:

creative commons Free for personal and commercial use by Henning Muschko. Creative Commons Attribution 4.0 International License.

Release history:

V.03: Added accordion, added loading, added slider, optimizations

V.02: New outline icons, auto-updateable library

V.01: Initial release as sketch library.

License:

creative commons Free for personal and commercial use by Henning Muschko. Creative Commons Attribution 4.0 International License.

 

Release history:

V.02: New Outline Icons, Auto-updateable Library 

V.01: Initial release as sketch library. 

Questions?


If you have any questions, comments or improvements, don't hesitate to contact me. 

hallo@henningmuschko.de 

Questions?

 

If you have any questions, comments or improvements, don't hesitate to contact me. 

hallo@henningmuschko.de 

Questions?

If you have any questions, comments or improvements, don't hesitate to contact me. 

hallo@henningmuschko.de