Johann Savalle

@yasha.solutions

Product designer and full stack developper living in france
< Back to all articles

Open source UI Kits & themed frontend for the web

October 17, 2018

 

 

Sleek Dashboard

 

Demo: Sleek Demo site/

GitHub: https://github.com/tafcoder/sleek-dashboard

 

Bootstrap 4 Admin Dashboard Template and UI Kit – and yeah sleeeeek indeed – like I really love it. Great work by tafcoder.

 

UI Kit

GetUikit

Site: https://getuikit.com/

GitHub: https://github.com/uikit/uikit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Well suited for website, landing pages etc.

Simple, straightforward.

Also, nice extra: Autocomplete plugins for both Atom and Sublime Text 3.

Stream Ui Kit

StreamUIkit

Site: https://htmlstream.com/templates/stream-ui-kit

Bootstrap Theme.

So, if you know bootstrap already, you will feel home very fast.

One Nexus

Nexus Site:

More complex

Based on Synergy, a front-end framework for UI components generation. and Kayzen, a custom grid system – All made by the same dev team.

I haven’t take the time to play with this one but it looks nice.

Milligram

Screen Shot 2018 10 17 at 09 40 40 Gotta love simplicity Only 2kb gzipped

Tabler

One of the best around.

Open source dashboard UI.

Bootstrap based.

Clean code.

Nice logic.

Screen Shot 2018 10 17 at 09 50 01

Site: https://tabler.github.io/

Demo: https://tabler.github.io/tabler/

Source : https://github.com/tabler/tabler

Bootflat

https://bootflat.github.io/

Screen Shot 2018 10 17 at 09 52 20

Semantic UI

Screen Shot 2018 10 17 at 09 55 16

Neat.

Simple.

Working.

https://semantic-ui.com/

PureCSS

Light open source UI Kit

Screen Shot 2018 10 17 at 09 58 16

https://purecss.io/

Ink

Screen Shot 2018 10 17 at 09 59 38

An open source UI kit from Portugal.

http://ink.sapo.pt/

GrounworkCSS

Exist with Rails flavour – or agnostic.

https://groundworkcss.github.io/groundwork/?url=docs/home

Materialize CSS

Screen Shot 2018 10 17 at 10 03 38 Google Material Design Open source Not made by Google though.

Site: https://materializecss.com/

Source : https://github.com/Dogfalo/materialize

Also exist as an npm install flavour.

Topcoat

Nice webfrontend for app.

Clean.

Go check it here: http://topcoat.io/

Petal

Made by the folks at Shaker

Site: https://shakrmedia.github.io/petal/

Source: https://github.com/shakrmedia/petal

That’s it.

That’s a good choice to start with.

This doesn’t even include paid one or open source react / vue / angular frameworks.

Let me know if you know of an other one you think should make the list.

These are the one I have found by searching the web for stuff but maybe you know an other one worth mentioning. Hit me by email, in the comments or on social.

< Back to all articles