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.
Disclosure - This post contains affiliate links.
If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!
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 - product page
- Soft UI Design PRO - more pages, components
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 Material-UI React - product page
- Argon Material-UI React PRO - more pages and components
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, the product page
- PRO UI Kit - NowUI - more pages & components
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, product page
-
Flask Pixel Lite, provided 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, the product page
- PRO UI Kit - Paper UI - more pages & components
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.
- UI Kit - Boomerang, product page
- UI Kit Boomerang - Jinja Template, provided by AppSeed
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
- Jinja Template - Quick UI, provided by AppSeed
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.
Top comments (13)
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.
Noted. Looks nice.
Ty!
Not very accessibility focused... 😒
Indeed, this part is not covered by the kits.
Thanks for reading.
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.
Ty! 🚀🚀
Pixel looks nice, and has a bunch of pages.
Thanks for sharing!
:) Yw Ullah
Great work! 😁
Thanks for reading! :)
Congratulations on the article!
Thank you!