Soft UI Design System
Free & Open Source Web UI Kit built over Bootstrap 5.
Join over 1.4 million developers around the world.
0+
Coded Elements
From buttons, to inputs, navbars, alerts or cards, you are covered
0+
Design Blocks
Mix the sections, change the colors and unleash your creativity
0
Pages
Save 3-4 weeks of work when you use our pre-made pages for your website
Full Documentation
Built by developers for developers. Check the foundation and you will find everything inside our documentation.
Bootstrap 5 Ready
The world’s most popular front-end open source toolkit, featuring Sass variables and mixins.
Save Time & Money
Creating your design from scratch with dedicated designers can be very expensive. Start with our Design System.
Fully Responsive
Regardless of the screen size, the website content will naturally fit the given resolution.
Feel the
Soft UI Design System
Start with ElementsHuge collection of sections
Infinite combinations
We have created multiple options for you to put together and customise into pixel perfect pages.
Design Blocks
A selection of 45 page sections that fit perfectly in any combination
Navigation
30+ components that will help go through the pages
Input Areas
50+ elements that you need for text manipulation and insertion
Attention Catchers
20+ Fully coded components that popup from different places of the screen
Elements
80+ carefully crafted small elements that come with multiple colors and shapes
Boost creativity
With our coded pages
The easiest way to get started is to use one of our
pre-built example pages.
Presentation Pages for Company, Sign In Page, Author and Contact
These is just a small selection of the multiple possibitilies you have. Focus on the business, not on the design.
Built by developers
Complex Documentation
From colors, cards, typography to complex elements, you will find the full documentation. Play with the utility classes and you will create unlimited combinations for our components.
Read docsGetting Started
Check the possible ways of working with our product and the necessary files for building your own project.
Let's startPlugins
Get inspiration and have an overview about the plugins that we used to create the Soft UI Design System.
Read moreUtility Classes
Soft UI Design System is giving you a lot of pre-made elements. For those who want flexibility, we included many utility classes.
Read moreTrusted by over
1,435,000 web developers
Many Fortune 500 companies, startups, universities and governmental institutions love Creative Tim's products.
"This is an excellent product, the documentation is excellent and helped me get things done more efficiently."
"I found solution to all my design needs from Creative Tim. I use them as a freelancer in my hobby projects for fun! And its really affordable, very humble guys !!!"
"Great product. Helped me cut the time to set up a site. I used the components within instead of starting from scratch. I highly recommend for developers who want to spend more time on the backend!."
Do you love this awesome
Design System for Bootstrap 5?
Cause if you do, it can be yours for FREE. Hit the button below to navigate to Creative Tim where you can find the Design System in HTML. Start a new project or give an old Bootstrap project a new look!
Download HTMLAvailable on these technologies
You liked it and
Want more?
Most complex and innovative Design System Made by Creative Tim . Check our latest 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.
Special Thanks
3D Images by Danny Ivan
We are more than happy to use the great images made by Danny inside Soft UI Design System. They come with a high level of quality and bright colors, fitting perfect with our product's colors.
Danny is a important designer that is active into the 3D Image space. His war was awarded many times in different categories in Behance, Digital Art or Motion Graphics.