DEV Community

Cover image for Soft UI Design System - Free Resources and Starters
Sm0ke
Sm0ke

Posted on • Updated on • Originally published at admin-dashboards.com

Soft UI Design System - Free Resources and Starters

Hello Coders!

This article presents a curated list with starters and templates crafted on top of Soft UI Design System, an open-source design system from Creative-Tim. All mentioned products are available for download from Github and the permissive license allows the usage in commercial products and eLearning activities.


Thanks for reading! Content provided by Admin Dashboards

Soft UI Design System is the most complex and innovative Design System Made by Creative Tim on top of the Bootstrap 5 framework. Designed for those who like bold elements and beautiful websites this design concept is ready to help designers and developers create stunning websites, web apps, and dashboards.


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

You will save a lot of time going from prototyping to full-functional code because all elements are implemented. This Free Bootstrap 5 UK Kit is coming with prebuilt design blocks, so the development process is seamless, switching from our pages to the real website is very easy to be done.


Soft UI Design System (Open-Source) - Product Cover Image


Soft UI Dashboard

Soft UI Dashboard is built with over 70 frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining. All components can take variations in color, that you can easily modify using SASS files and classes.


Soft UI Design System (Open-Source) - Dashboard Version


Soft UI Dashboard Django

Django codebase is crafted using a simple, modular structure that follows the best practices and provides authentication, database configuration, and deployment scripts for Docker, a popular virtualization software. Any developer with a basic Django/Python knowledge, by following the product documentation should be able to compile and use the app by typing only a few lines in the terminal


Soft UI Design System (Open-Source) - Django Version


Soft UI React Native

Soft UI React Native is a fully coded app template built over React Native and Expo. It features an innovative design that will help you build powerful and beautiful e-commerce mobile applications. Start your development with a template for React Native inspired by Soft UI Design System. It features a huge number of components and screens built to fit together and look amazing. Available for both systems - Android and iOS.


Soft UI Design System (Open-Source) - React Native Screens


Soft UI Dashboard Laravel

Soft UI Dashboard Laravel comes with dozens of handcrafted UI elements tailored for Bootstrap 5 and an out-of-the-box Laravel backend. The Livewire integration allows you to build dynamic interfaces easier without leaving the comfort of your favorite framework. If you combine this even further with Alpine.js, you get the perfect combo for kickstarting your next project.


Soft UI Design System (Open-Source) - Laravel Version


Vision UI Dashboard Chakra

Start your Development with an Innovative Admin Template for Chakra UI and React. If you like the look & feel of the hottest design trend right now, Vision UI, you will fall in love with this dashboard! It features a huge number of components built to fit together and look amazing.

Vision UI Dashboard Free Chakra UI is built with over 70+ frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.


Soft UI Design System (Open-Source) - React/Chakra Version.


Thanks for reading! For more resources, feel free to access:


Top comments (6)

Collapse
 
uithemes profile image
ui-themes

wow ..

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀

Collapse
 
lowcodecharts profile image
MyCharts

Really nice projects

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀

Collapse
 
crearesite profile image
WebsiteMarket

thanks for sharing

Collapse
 
sm0ke profile image
Sm0ke

🚀🚀