This Easter, enjoy our magical offer! For the next days, you can get our awesome Bundles at a special price! 🐰

Now UI Kit PRO

Premium Bootstrap 4 UI Kit
· 4.90/5 (90 Reviews)

License

1,039 Downloads
109 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 1 month 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!

109 Web Developers commented on this product

Github Docs FAQ Page

joseantos
  • downloaded
2 months ago

@dragosct Good morning. the contact forms do not send the email. How do I activate them? Thank you

dragosct
  • owner

Hi, @joseantos ! Thank you for using our products. Yes, the contact forms don't send any email because we only do the frontend, not the backend for our products. Please see here a small tutorial on how to build one working contact form http://tangledindesign.com/how-to-create-a-contact-form-using-html5-css3-and-php/. Regards, Dragos
2 months ago

markhyx
  • downloaded
1 month ago

Is there a infinite scrolling option say for a list of blog posts? Thanks

dragosct
  • owner

Hi, @markhyx ! Thank you for using our products. Please, can you show us an example of what you want to achieve? Regards, Dragos
1 month ago

markhyx
  • downloaded
1 month ago

Drago, well on my main blog page I want to have the post summaries load continuously as a user scrolls down the page. In much the same way as Linkedin and Facebook posts load as you scroll. In other words I do away with pagination.

dragosct
  • owner

Hi! Now I understand what you want and I searched for a plugin like this and I found one here https://infinite-scroll.com/. In our product, we don't have one like this. Regards, Dragos
1 month ago

codingob 1 month ago

what would the best approach to refactoring this into reactjs?

dragosct
  • owner

Hi, @codingob ! Thank you for using our products. I think you can start from scratch a react app, take the CSS from the now ui kit pro and then you can start to make components with our components from the product. Regards, Dragos
1 month ago

codingob 1 month ago

I tried creating the app and when I load the assets into the file I get an error about css loading

dragosct
  • owner

Hi, @codingob ! I think the best way it's to wait until we release the now ui kit pro react, because I'm not a react developer and it's not ok to give you some wrong advice, but if you want we have some people that you can contact to help you with the product. Name: Humphrey Pietersen > Email: [email protected]_, Name: Alex Plop > Email: [email protected]_, Name: Diana Miron > Email: [email protected]_. Hope that information helps you. Please let us know if we can help you with anything else. Regards, Dragos
1 month ago

markhyx
  • downloaded
13 days ago

Hi, I'm having a problem with a modal. I have used the "Login" modal from the docs https://demos.creative-tim.com/now-ui-kit-pro/docs/1.0/components/modal.html on my test page here https://ampli.buzz/homespeed It's the orange Subscribe button at the top It launches ok, but I can't interact with it enter data or press button or close it. Plus the color looks faded compared to the demo version. The code is the same as the demo version, so can you tell me where I've gone wrong? Thanks

markhyx
  • downloaded

PS How do I access my Premium Support?
13 days ago

dragosct
  • owner

Hi, @markhyx ! Thank you for using our products. We accept the support requests at https://www.creative-tim.com/contact-us, there is the whole team ready to help you. If you have a bug report we recommend you to check the Github of the product that you have and see if our team already gave a solution for that bug or open a new issue. You can simply search the name of the product on our official organisation -> https://github.com/creativetimofficial or you can find the “Report issue” button in the navbar of the documentation of the product that you purchased. Also please make sure you check our https://www.creative-tim.com/faq before sending a message so you can save time with a quick answer. Please let us know if we can help with any other details. Related to the modal problem to fix it, please take all the div with class modal and put it at the end of the tag body like it is without any parent div. Regards, Dragos
12 days ago

markhyx
  • downloaded

dragosct, re modal, I did what you suggested, I think, but it made no difference. What am i missing? https://ampli.buzz/signuptest
12 days ago

dragosct
  • owner

Hi! The whole modal div it's in the navbar div and it's not ok, it must be the child of the body tag like you see in this image link: https://www.dropbox.com/s/5cizidxwybb83h8/Screenshot%202019-04-08%20at%2010.11.13.png?dl=0. Regards, Dragos
12 days ago

markhyx
  • downloaded

But if i put it outside the nav bar it's not positioned where i want it. It ends up at the bottom of the page, which is pointless. There must be a way to position them where you want them?
11 days ago

dragosct
  • owner

Hi! Nothing will be changed. Please see this video that I made for you: https://www.dropbox.com/s/dmfoteju3o5migr/nud-pro.mov?dl=0. Regards, Dragos
11 days ago

markhyx
  • downloaded

Ah dragosct, you forget to mention you rewrote and rearranged a key piece of code. Had to squint really hard to see what you had done. Seems to be ok now. Thanks
11 days ago

dragosct
  • owner

Sorry if I didn't explain to you very good, but I'm glad now it's ok and I also closed the issue on GitHub. Regards, Dragos
11 days ago

elforestero 12 days ago

I have a logo image in the navbar at the top of a Now UI Kit webpage. I want the logo image to be replaced by a different image when the user scrolls down the page (at the same time as the color of the navbar changes). I'm having trouble figuring out how to approach this. Can I do this using CSS, and if so, how? Thanks in advance for your help!

elforestero

I figured out how to do this by adding a couple lines to change the source of the image in the checkScrollForTransparentNavbar: debounce(function) in the now-ui-kit.js file. However, the image is stretched vertically, and setting width and height parameters in that function or in the html file don't prevent the stretch from occurring. Any idea how I can resolve this?
12 days ago

dragosct
  • owner

Hi, @elforestero ! Please give us a link to your project to see what is happening there, because in this way we can't figure out. Regards, Dragos
12 days ago

markhyx
  • downloaded
8 days ago

Hi, I want to place a sticky button or modal at the bottom of the screen. What's the best combination of elements/components to do that? Thanks

dragosct
  • owner

Hi, @markhyx ! You can take a modal example from the docs or from the index.html where it's the components page and put it on the desired page. Regards, Dragos
8 days ago

markhyx
  • downloaded

dragosct, yeah that's kinda what i want to do, but I just want to make it stick to the bottom of the viewing screen. Don't actually have a sticky navbar at the bottom, so I need to fix and position it somehow. I did look at the docs, but wasn't sure which bits other than the modal i needed.
8 days ago

dragosct
  • owner

Hi! You can use the position: sticky on any component that you want. Regards, Dragos
7 days ago

markhyx
  • downloaded
7 days ago

Thanks, I ended up using "fixed-bottom ml-auto" as in <button class="btn btn-primary btn-round fixed-bottom ml-auto" > to get what I wanted. The sticky-bottom property didn't do anything.

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