Do you need Angular, React, Vuejs or HTML? 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 (98 Reviews)

License

1,077 Downloads
110 Comments
Premium Support
6 months Updates
Release: 1 year ago
Update: 5 months ago

1000 Handcrafted Elements

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?
  • Elements · 50
  • Plugins · 3
  • Examples Pages · 3
  • -
  • -
  • -
What is in PRO Version?
  • Elements · 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

joseantos
  • downloaded
6 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
6 months ago

markhyx
  • downloaded
5 months 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
5 months ago

markhyx
  • downloaded
5 months 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
5 months ago

codingob 5 months 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
5 months ago

codingob 5 months 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
5 months ago

markhyx
  • downloaded
4 months 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?
4 months 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
4 months 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
4 months 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
4 months 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?
4 months 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
4 months 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
4 months 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
4 months ago

elforestero 4 months 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?
4 months 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
4 months ago

markhyx
  • downloaded
4 months 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
4 months 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.
4 months ago

dragosct
  • owner

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

markhyx
  • downloaded
4 months 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.

edster.s
  • downloaded
2 months ago

This theme has been great but I've started getting a Take our developer survey, opened to coders everywhere! 🙏🏻 embedding on the site. Where is this so I can remove it?

dragosct
  • owner

Hi, @edster.s ! Thank you for using our products. Please, can you be more specific about your question? Regards, Dragos
2 months ago

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