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

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,795
Version
1.4.0
Changelog
Updated
1 year ago
Released
6 years ago
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

We are here to help you!

38 Web Developers commented on this product

ptangney
  • downloaded
6 years ago

Hi there, I am trying to download this to test it out but I keep getting a 404 page =/

bpietravalle
  • downloaded

@ptangney bump the typescript version to 2.6.2 and run angular/cli locally (1.7.3). that fixed it for me
6 years ago

ptangney
  • downloaded
6 years ago

https://timcreative.github.io/now-ui-kit-angular/index from that link I mean

chelaru_ciprian
  • downloaded

@ptangney thank you for point this to us. best, Ciprian
6 years ago

muhammadaulani 6 years ago

why on header and nav, tooltip not visible?

chelaru_ciprian
  • downloaded

Hi, @muhammadaulani ! Thank you for point this to us. Now, the color of the tooltip is inherit and you need to set a different color. Best, Ciprian
6 years ago

olukotunabayomi
  • downloaded
6 years ago

Weldon , your work is nice and beautiful , God bless you

chelaru_ciprian
  • downloaded

Hi, @olukotunabayomi ! Thank you for using our product and for the kind words. Best, Ciprian
6 years ago

djamal.seck
  • downloaded
5 years ago

Hello. Thank you for this awesome product. However, I encounter a problem with french accented characters like é, à, è...which don't appear correctly despite the use of utf-8 in index.html.

chelaru_ciprian
  • downloaded

Hi, @djamal.seck ! Thank you for using our product. Can you open an issue on GitHub with more informations about the error? Best, Ciprian
5 years ago

rahulhooteshwar 5 years ago

Is there any plan to port this project for recently released Angular 6 ? I tried it using Angular 6 with @ng-bootstrap/schematics but some styles are breaaking as it uses "@ng-bootstrap/ng-bootstrap": "^2.0.0-alpha.0" but Now UI kit Angular is based on earlier version of ng-bootstrap.

chelaru_ciprian
  • downloaded

Hi, @rahulhooteshwar ! Thank you for using our product. Yes, we have in plan to update our products to latest Angular version. All the best, Ciprian
5 years ago

skprasad999
  • downloaded
5 years ago

Hi. Thank you for the great UI. The components are really cool. I'm using angular from 3 months. I'm new to SCSS. I have added one more file like _test.scss and imported the same in now-ui-kit.scss. I'm facing errors in console. Can you please suggest me what to do?

chelaru_ciprian
  • downloaded

Hi, @skprasad999 ! Thank you for using our product. What errors? Best, Ciprian
5 years ago

skprasad999
  • downloaded
5 years ago

Oops!! Sorry to bother you. Some problem with angular.json. Now fixed that. Anyway Thanks

arvinillaai
  • downloaded
5 years ago

Could not build this project in Angular 6. Getting error : Failed to compile. : Unexpected module 'ComponentsModule in C:/.../src/app/components/components.module.ts' declared by the module 'AppModule in C:/.../src/app/app.module.ts'. Please add a @Pipe/@Directive/@Component annotation. Could advice how to successfully import this template onto Angular 6 projects. Planning to buy the paid template if this free version works. Thank you.

engrbash 5 years ago

Hi, can i combine this product together with it Angular version in the same project(the two versions have the same SCSS)? Best regards.

chelaru_ciprian
  • downloaded

@engrbash with what product you want to combine this one?
5 years ago

engrbash

Now UI dashboard angular and NOW UI KIT.
5 years ago

engrbash

@Chelaru_ciprian: Actually, i want to combine the two in one project https://demos.creative-tim.com/now-ui-kit-pro-angular/presentation?_ga=2.10461301.1140341602.1533334033-95327812.1533005610 and https://demos.creative-tim.com/now-ui-dashboard-angular/dashboard?_ga=2.43847653.1140341602.1533334033-95327812.1533005610
5 years ago

engrbash

Hello, I want to know if I buy the products I can merge them into the same project (used both SCSS in the same project). The products are (1) Now UI Kit PRO Angular and (2) Now UI Kit Angular.
5 years ago

engrbash

Hello, I want to know if I buy the products I can merge them into the same project (used both SCSS in the same project). The products are (1) Now UI Kit PRO Angular and (2) Now UI Dashboard Angular (Pro version?)
5 years ago

chelaru_ciprian
  • downloaded

Hi, @engrbash ! Sorry for the late response. You need to keep them separate. Best, Ciprian
5 years ago

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