❤️ Creative Tim Club - Access all our Present & Future Premium Products

Free Bootstrap 4 Design UI Kit

Product description


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 is one of the most popular UI Kits online, provided in PSD and Sketch formats by Invision. We wanted to find a way for developers worldwide to benefit from using it. So, in collaboration with Invision, we are launching the HTML version for it!

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 colours, beautiful typography, clear photography and spacious arrangements.

Create awesome, lifelike prototypes with InVision and Now so your users can experience and give feedback on your vision!

To get the PSD and Sketch files, please visit Invision. We used 100 Icons from our friends from Nucleo Icons, check their 12.000 icons here.

Bootstrap 4 Support
Now UI Kit is built on top of the much awaited Bootstrap 4. This makes starting a new project very simple. It also provides benefits if you are already working on a Bootstrap 4 project; you can just import the Now UI Kit style over it. Most of the elements have been redesigned; but if you are using an element we have not touched, it will fall back to the Bootstrap default.

Example Pages
We wanted to fully display the power of this kit, so the kit comes packed with examples showing you how to use the components. Inside the product you will find:

Tutorial & Documentation
In order for you to easily be able to use the Now UI kit, we have created a tutorial page. It shows the structure for the files inside the archive and how to import them. It then features every components with a description and example fr how to use it. You can see the details here.

Product certified by: Creative Tim
Now UI Kit - Fully Coded and Responsive HTML5
Now UI Kit - Sass Files for Professional Front End Developers
Now UI Kit - Sketch Files for Professional Designers
Now UI Kit - Crafted with Bootstrap - the most popular Front End Framework
Now UI Kit - Adobe XD Files for Professional Designers
Now UI Kit - Figma Files for Professional Designers
Downloads
86,201
Version
1.3.0
Changelog
Updated
5 years ago
Released
6 years ago
Reviews
Star
Handcrafted Elements
50
Customized Plugins
3
Example Pages
3
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Now UI Kit PRO. It has a lot more features compared to the free version. We hope you will create awesome websites/templates with this product!

What is in Demo? What is in PRO Version?
Elements 50 1000
Plugins 3 7
Examples Pages 3 11
Full Coded
Documentation
SASS Files
Designer Files
Premium Support

We are here to help you!

208 Web Developers commented on this product

jjvchong
  • downloaded
4 years ago

Hi! I encountered that was better to ".page-header>.container" CSS class to have a padding-top: of 5vh; Like that will not overlap in mobile devices with the buttons and underneath elements.

dragost
  • owner

Hi, @jjvchong ! Thank you for using our products. If this style will improve the responsiveness, then everything it's fine. Regards, Dragos
4 years ago

netieblue1
  • downloaded
4 years ago

datepicker only active chrome. ie, edge not choose date.

dragosct
  • owner

Hi, @netieblue1 ! Thank you for using our products. If you will navigate from the left and right arrows, you will see that the datepicker will work and you are right with the mouse on click datepicker is not working and we must see what cause the problem. Regards, Dragos
4 years ago

11012490 4 years ago

Another great kit

markalazar
  • downloaded
4 years ago

Hello is it alright for me to use this Kit for my project ? it so good! Im just making sure that i wont violate any copyright issues if i edit this Kit and publish it online ?

dragosct
  • owner

Hi, @markalazar ! Thank you for using our products. This product is under MIT License so don't worry you can use for your own project. Regards, Dragos
4 years ago

يnt5
  • downloaded
2 years ago

100%100

yowelibanda59
  • downloaded
2 years ago

how do i use this kit

dragosct
  • owner

Hi, @yowelibanda59 ! Thanks for using our products. You need the basic skills for HTML and you will know how to use the product. Regards, Dragos
2 years ago

inzamamulaquem6y
  • downloaded
2 years ago

trgdfgfd

alexanderlorenzofrias
  • downloaded
10 days ago

I'm using React 18. I can't add new route to my page. I'm going to routes.js and adding a new route like other and creating a new component but gives me error that " '....' not defined". For example adding a new route like : { path:"/devices", name:"My Devices", icon:"nc-icon nc-air-baloon", component:Devices, layout:"/admin" } then adding a new js file named 'Devices' in components folder but giving me error

You have to be logged in to post a comment. Login here.