DEV Community

Cover image for UI Kits - A curated list with modern Kits
Sm0ke
Sm0ke

Posted on • Edited on

UI Kits - A curated list with modern Kits

Hello Coders,

This article presents a curated list with beautiful and UI Kits released under permissive licenses by their vendors suitable for hobby and commercial projects. All projects are actively supported and the source code can be downloaded directly from Github (no account required to use the code).

Thanks for reading! - Content provided by App Generator.


Soft UI Design System

Designed for those who like bold elements and beautiful websites. Made of hundred of elements, designed blocks and fully coded pages, Soft UI Design System is ready to help you create stunning websites and webapps.


Soft UI Design System - Open-source Bootstrap 5 design.


Argon Material-UI React

Argon Dashboard Material-UI is an open-source React dashboard styled with a modern Material-based design. Argon Dashboard Material-UI is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using JSS files.


Argon Dashboard Material-UI - Open-source dashboard template for React and Material UI.


Free UI Kit - Now UI

Now UI Kit is a responsive Bootstrap 4 kit provided for free by Invision and Creative Tim. It is a beautiful cross-platform UI kit featuring over 50 elements and 3 templates. Now UI Kit will help you create a clean and simple website that is a perfect fit for today's flat design. It is built using the 12 column grid system, with components designed to fit together perfectly. It makes use of bold colors, beautiful typography, clear photography and spacious arrangements.


Free UI Kit - Now UI, product thumbnail image


Free UI Kit - Pixel Lite

Pixel is a free, fully responsive and modern Bootstrap 4 UI Kit that will help you build creative and professional websites. Use our components and sections, switch some Sass variables to build and arrange pages to best suit your needs.


Free UI Kit - Pixel Lite, migrated to Jinja by AppSeed.


Free UI Kit - Paper UI

Paper Kit 2 is a free Bootstrap 4 UI Kit with pale colors, beautiful typography and thoughtful drawings. We created it having paper and drawings in mind. Any elements that is vital to code a web project is already here, fully coded. All components are fully responsive and look great on every screen size. Transitions, shadows, colors, they all resemble the flow you would have using pieces of paper.


Free UI Kit - Paper UI, product thumbnail image


Free UI Kit - Boomerang

Design - Webpixels

Boomerang is a free Bootstrap UI Kit perfect for building responsive, creative, and modern corporate business websites. It includes over 50 customized components, 5 integrated plugins, and 5-page layouts all of them 100% responsive and fully customizable. High-quality design, smart code markup and easy to customize. Advanced features and extended Bootstrap components that work on any screen resolution. Built with Bootstrap 4. Including familiar toolings like NPM and Gulp.


Free UI Kit - Boomerang, the main screen coded in Jinja.


Free UI Kit - Quick

Design - Webpixels

Quick UI is a multipurpose website template based on Bootstrap 4 perfect for building responsive, mobile-first projects on the web suitable for businesses, startups, and agencies. The design of Quick is 100% responsive - it instantly adapts to all modern browsers and resolutions.


Free UI Kit - Quick,


Thanks for reading! Feel free to suggest more items in the comments.


UI Kits - Links & Resources

  • Creative-Tim - Company Homepage
  • Themesberg - Company Homepage
  • AppSeed - a platform built by lazy guys that use automation tools to help other lazy developers across the globe.

Soft UI Design System PRO

Design - Creative-Tim

Premium Bootstrap 5 UI Kit designed for those who like bold elements and beautiful websites. Made of hundred of elements, designed blocks, and fully coded pages, Soft UI Design System is ready to help you create stunning websites and webapps.

Fully Coded Elements - Soft UI Design System is built with over 300 frontend individual elements, like buttons, inputs, navbars, navtabs, cards or alerts, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files and classes.


Soft UI Design System - Premium Bootstrap 5 Design System crafted by Creative-Tim.


Top comments (13)

Collapse
 
lizabudovska profile image
Liza Budovska

Hi, please take a look on agilecss.com CSS framework and UI kit, it provides some unique features not available in other frameworks, for example all the common used UI elements without JavaScript.

Collapse
 
sm0ke profile image
Sm0ke

Noted. Looks nice.
Ty!

Collapse
 
gaurav552 profile image
Gaurav Raj Ghimire • Edited

Not very accessibility focused... 😒

Collapse
 
sm0ke profile image
Sm0ke

Indeed, this part is not covered by the kits.
Thanks for reading.

Collapse
 
marcellahaller profile image
marcellahaller

Great post! It will make life easier for a lot of people! I also recommend reading this post gapsystudio.com/blog/what-is-a-ui-.... If you still do not know whether to use UI Kit in your project, then read this article.

Collapse
 
sm0ke profile image
Sm0ke

Ty! 🚀🚀

Collapse
 
crearesite profile image
WebsiteMarket

Pixel looks nice, and has a bunch of pages.

Collapse
 
irfanullahshakir profile image
Irfan Ullah Shakir

Thanks for sharing!

Collapse
 
sm0ke profile image
Sm0ke

:) Yw Ullah

Collapse
 
zoltanszogyenyi profile image
Zoltán Szőgyényi

Great work! 😁

Collapse
 
sm0ke profile image
Sm0ke

Thanks for reading! :)

Collapse
 
eduardotrandafilov profile image
Eduardo Trandafilov

Congratulations on the article!

Collapse
 
sm0ke profile image
Sm0ke

Thank you!