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

Now UI Kit Angular

Custom development Preview Docs
Download PRO Version
Now UI Kit Angular Image
Docs
Creative Tim Club 🔥 Access to all our current and future products

Now UI Kit Angular

Free Bootstrap 4 UI Kit Angular

· 4.90/5 (111 Reviews)

MIT License

Upgrade to PRO Free Download

Free Bootstrap 4 UI Kit Angular

Product description


Now UI Kit Angular 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 Angular 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 Angular version of it!

Now UI Kit Angular 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 colors, 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 Angular 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 Angular, we have created a tutorial page. It shows the structure of the files inside the archive and how to import them. It then features every components with a description and example of how to use it. You can see the details here.
Product certified by: Creative Tim
Now UI Kit Angular - Fully Coded and Responsive HTML5
Now UI Kit Angular - Sass Files for Professional Front End Developers
Now UI Kit Angular - Sketch Files for Professional Designers
Now UI Kit Angular - Crafted with Bootstrap - the most popular Front End Framework
Now UI Kit Angular - Angular 2+ Structure with TypeScript
Now UI Kit Angular - Adobe XD Files for Professional Designers
Now UI Kit Angular - Figma Files for Professional Designers
Downloads
23,856
Version
1.4.0
Changelog
view
Updated
1 year ago
Released
6 years ago
Reviews
See 111 Reviews
Star
Handcrafted Elements
50
Customized Plugins
4
Example Pages
3
Community Support
Documentation
Fully Responsive

Upgrade to PRO Version

Get more power with Now UI Kit PRO Angular. 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 4 8
Examples Pages 3 11
Full Coded
Documentation
SASS Files
Designer Files
Premium Support
Now UI Kit PRO Angular Image
Live Preview Upgrade to PRO

We are here to help you!

38 Web Developers commented on this product

Custom Development Discord Server

romerohj00
  • downloaded
5 years ago

Hi all, does anyone create a dropdown option for sub-menu with this kit?, I don´t know how to do it, I hope some one can help me

suhud 5 years ago

I am student i want to learn angular5 before i buY this project for my client . so in free product how can i add new page like privacy policy on ( localhost:4200/privacy-policy) please tell me command and what changes i have to make please

chelaru_ciprian
  • downloaded

Hi, @suhud .Thank you for using our product. You need to use terminal and go into the folder where you want to be the component and run this command: ng generate component your_component_name. After that, you need to go to app.routing.ts and add the route for your component. Best, Ciprian
5 years ago

peterilg
  • downloaded

I'm a Sr. Software Engineer (www.webparity.net) and (www.peterborreggine.us). I'll be HAPPY to help anyone with Angular 5/6.1 and Bootstrap 3/4. I have my own 1and1.com dedicated server with a GIT BitBucket and already built up template for you to learn with. I've been in the IT industry for over 35 years and a US NAVY Disabled Veteran. I WILL NOT charge you for my services but if you wish to 'donate' something, it'd be appreciated. I simply want to pass on what I know. Cherlaru, I spun up an Angular 6 and Bootstrap 4 app shell in 2 hours, customized it in one and wala, it rocks. One problem I'm having is the toggler will NOT disappear when in FULL screen mode and the menu won't disappear in MOBILE mode.... LOL. See, students, even us OLD FARTS have issues... we're always learning. Cherlaru, ping me at [email protected] and I'd be happy to create a repo and branch for you on my dedicated server. Let's work together but I do need help, sir. If you agree, I'll create an account for you and the students and let's make magic!!! Cheers, my friend. Peter
5 years ago

chelaru_ciprian
  • downloaded

Hi, @peterilg ! Thank you for your initiative and we respect that you want to help us. You can share with us what you are working on now. All the best, Ciprian
5 years ago

chiscomax2013
  • downloaded
5 years ago

Thanks so much for this product.

chelaru_ciprian
  • downloaded

With pleasure. Best, Ciprian
5 years ago

devloper
  • downloaded
5 years ago

Hello, I'm new using Angular, already have a project with Bootstrap in Angular and I want to use this UI Kit because looks better, how I can install it? thanks!

chelaru_ciprian
  • downloaded

Hi, @devloper ! Thank you for using our product. Here is the documentation with the steps to run this product: https://demos.creative-tim.com/now-ui-kit-angular/documentation/tutorial. Best, Ciprian
5 years ago

devloper
  • downloaded
5 years ago

@chelaru_ciprian I dont want to make a new project, I already have one with Bootstrap and I wanna change the style for this UI Kit.

chelaru_ciprian
  • downloaded

Then you need to import our style(scss files) in your project.
5 years ago

devloper
  • downloaded
5 years ago

Only import the scss files and what more? Like calling the New styles or something,

chelaru_ciprian
  • downloaded

@devloper sorry for the late response. You need to import the now-ui-kit.scss files in angular.json at styles with the right path. All the best, Ciprian
5 years ago

izakjackson
  • downloaded
5 years ago

Hey, how would I go about using both the Now UI Kit & Now UI Dashboard on the same angular project?

thomasrandhorst 5 years ago

Hi, I see that if I use this UI kit I must copy paste the whole project into my own project.. Is there any cleaner way to do this? This seems like a whole hassle to do and the project becomes quite messy this way.. Regards, Thomas

michischultze
  • downloaded
5 years ago

Hello, i am a newbie and would like to use a Google Material / Angular template with all components in Bootstrap Studio. Is that possible or is there anywhere a website builder to use this kind of components as drag and drop to build my page? I am not a dev/coder Thanks at all for comments

chelaru_ciprian
  • downloaded

@michischultze thank you for using our product. Here is a tool with drag & drop for this design: https://templates.pingendo.com/index.html. All the best, Ciprian
5 years ago

michischultze
  • downloaded
5 years ago

OK, thanks To really avoid misunderstandings: I would like to use the components from a Creative Tim Template, for example "Now UI Kit" or "Material Kit Pro React" in Bootstrap Studio. So that all components are in the library

chelaru_ciprian
  • downloaded

We did not work with the Bootstrap Studio and we do not know if it will work.
5 years ago

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

  1. Home
  2. All Templates
  3. Now UI Kit Angular

2,479,391 accounts

4,402,028 downloads

298 products

Join our newsletter

Your subscription could not be saved. Please try again.
Your subscription has been successful.

Company

Help and Support

Legal

Resources

© 2024 Creative Tim, all rights reserved. Made with for a better web.