Start planning your summer holiday ☀️! For the next days, you can get our awesome Bundles with 70% discount!

Now UI Kit PRO

Premium Bootstrap 4 Ui Kit
· 4.90/5 (93 Reviews)

License

1,058 Downloads
110 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 3 months ago

1000 Handcrafted Components

7 Customized Plugins

11 Example Pages

Bootstrap Based

Documentation

Fully Responsive

Product certified by: Creative Tim

Get Free Demo

Learn more about Now UI Kit PRO in the light demo version. It has features from the full version. We hope you will like this introduction to this product!

What is in Demo?
  • Components · 50
  • Plugins · 3
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Components · 1000
  • Plugins · 7
  • Example Pages · 11
  • + Documentation
  • + SASS Files
  • + Photoshop Files
Get Free Demo

We are here to help you!

110 Web Developers commented on this product

Github Docs FAQ Page

logan.powell
  • downloaded
1 year ago

@dragosct Yes, if that would be possible. I'm using React.js and styled-components.js and I would like to make individual components that can be reused across projects.

dragosct
  • owner

Hi, @logan.powell ! Sorry for the late response. I understand what you want, but you have to build the components by yourself and you have to take parts from the scss from the each component that you want. For example if you want to take the cards you must build the component and after that you must go in assets/sass/cards.scss and take the scss from there and put in your react component. I hope these informations will help you! Regards, Dragos
1 year ago

nikita.ribakovs
  • downloaded
1 year ago

Hey guys! I have an issue with login modal on iPhone X (i cannot find an error, but users keep writing me about it). The cursor is in a wrong place... Screen: https://i.imgur.com/m7ku8dj.jpg Website: beachtennis.io

dragosct
  • owner

Hi, @nikita.ribakovs ! Sorry for the late response. I just verified to Iphone X and the cursor is in the good place. Did you make any changes meanwhile and you fixed this issue? Regards, Dragos
1 year ago

pixelairport
  • downloaded
1 year ago

I have the same problem with every creative tim Kit. I like the kits but i never got the alerts working the right way. I want to place theme above or under the navigation. But everytime its behind the navigation or there is white space under the alert... so many problems. Does anyone has a example for how to put these two things together?

dragosct
  • owner

Hi, @pixelairport ! Thank you for using our product. Please, can you be more specific about the problem that you encountered with the alerts? Regards, Dragos
1 year ago

pixelairport
  • downloaded
1 year ago

Hi, @dragosct . I try to use Now UI Kit Pro at the moment, but also had the problem with Material Kit Pro. I don't know how to implement alerts the right way. Because of the navigation i have to use the section class around content blocks. Otherwise the will be behind the navigation (i think 80px will be hidden). But what about Alerts? I want to place them over or under navigation. Because sometimes i have also a full header block and if this is to high, the alert wouldn't be seen on the page. So i want the alerts at the top. But i cant get this work. If i place the alerts in the wrapper at first, the alerts will be placed behind the navigation. The same problem, if i place the alerts code over the navigation. The problem is, that the navigation is fixed to top. How do you place or insert alerts in your project with the kits? Or do you only use alerts in the section areas? But then the alert has a whitespace above and under the alert if there is a header too. And sometimes i have more than one alert at the same time. I just don't know how to place alerts the right way in the kits? Everytime the navigation and alerts have an conflict. There are also a lot of examples in every kit. But no example has an alert message in it. Thx Norman

pixelairport
  • downloaded

Here is an example what i mean. =============================== /* ... */ <link href="./assets/css/demo.css" rel="stylesheet" /> </head> <body class="index-page"> <!-- Alerts --> <div class="alert alert-danger" role="alert"> <div class="container"> <div class="alert-icon"> <i class="now-ui-icons objects_support-17"></i> </div> <strong>Oh snap!</strong> Change a few things up and try submitting again. <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true"> <i class="now-ui-icons ui-1_simple-remove"></i> </span> </button> </div> </div> <!-- Navbar --> <nav class="navbar navbar-expand-lg bg-white fixed-top navbar-transparent" color-on-scroll="500"> /* ... */ =============================== When i do this, the alerts are behind the navigation.
1 year ago

pixelairport
  • downloaded
1 year ago

and with format at http://jsfiddle.net/Pixelairport/fbdev4ch/ :) ... i hope you can help me to get this work. everything else is ok on the kits but i never get alerts working. thx.

pixelairport
  • downloaded
1 year ago

No idea for my question about alerts? Is there a list with pages who use creative tim on their websites? Maybe i can see there how they integrated alerts? Thx.

dragosct
  • owner

Hi, @pixelairport ! Sorry for the late response. You can put all your alerts into a parent div and give to the parent margin top with the value exactly the height of the navbar and it will stay under the navbar. Regards, Dragos
1 year ago

oss

Yeeeaaaahh, @dragosct ... That doesnt work. It creates a 72 px space where the alerts WILL be (pushing the header image down) and then when an alert is triggered, each of them will have 72 px margin top. Man, been playing around with this for about two weeks.
1 year ago

dragosct
  • owner

Hi, Oss! Please, can you give your link to the project to see what happened there? Regards, Dragos
1 year ago

bagmaz
  • downloaded
1 year ago

Now UI Kit PRO support is weak :( I fixed Login page and Register page header ... https://github.com/creativetimofficial/now-ui-kit-pro/issues/7#issuecomment-361021553 @dragosct

dragosct
  • owner

Hi, @bagmaz ! Sorry for any inconvenience. On the GitHub in the first issue that you opened, I uploaded a final solution and the issue was fixed. Regards, Dragos
1 year ago

cupright
  • downloaded
1 year ago

Do you have a rough ETA on NUKPro being updated with BS4 final?

dragosct
  • owner

Hi, @cupright ! This product will be updated to the latest and final version for BS4 in a couple of days. Regards, Dragos
1 year ago

logan.powell
  • downloaded
1 year ago

@dragosct, sorry for the delayed response. Thank you for the pointers. I'll make it work! Would love to see a react component library come out from you guys. It would definitely be a hit!

dragosct
  • owner

Hi, @logan.powell! Yes, we will migrate the product to React. Regards, Dragos
1 year ago

sandersonsoares
  • downloaded
1 year ago

great! amazing template. I want for Angular 4

dragosct
  • owner

Hi, @sandersonsoares ! Thank you for your kind words. Now we work to migrate the product on Angular, so this will be available soon. Regards, Dragos
1 year ago

israellias
  • downloaded

Please keep the version in html updated and the support for it. I don't use Angular in my regular projects and I need the HTML version
1 year ago

dragosct
  • owner

Hi, @israellias ! Don't worry the product will also be available in HTML. Regards, Dragos
1 year ago

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