Now UI Kit

Now UI Kit is a free, responsive Bootstrap 4 UI kit created by Creative Tim in collaboration with Invision, providing over 50 flat-design components and three complete HTML example pages for building modern websites.

What is Now UI Kit?

Now UI Kit is a collection of HTML, CSS, and JavaScript files built on Bootstrap 4, with all major components redesigned for a flat, minimalist aesthetic. It takes the standard Bootstrap 4 framework and replaces the default look with bold colors, large typography, and spacious layouts, while keeping any untouched elements falling back to Bootstrap defaults. The download includes the compiled now-ui-kit.css and now-ui-kit.js, a full documentation folder, three examples under the examples directory (landing page, login page, profile page), and companion JavaScript plugins.

What makes Now UI Kit stand out?

Now UI Kit distinguishes itself with a complete set of redesigned Bootstrap 4 components, bundled plugins, and versions for multiple frameworks.

• Bootstrap 4 foundation — Built on Bootstrap 4, so you can start a new project instantly or import the Now UI Kit styles into an existing Bootstrap 4 project.
• Over 50 redesigned components — Buttons, inputs, navigation bars, alerts, modals, and more are all reworked with a flat design approach while remaining open-source.
• Three ready-to-use example pages — The kit includes landing-page.html, login-page.html, and profile-page.html as fully structured starting points.
• 12-column grid system — All components are built on the Bootstrap 4 grid so they fit together without custom alignment work.
• Companion plugins included — Ships with bootstrap-datetimepicker.js, bootstrap-switch.js, and nouislider.min.js in the assets/js/plugins folder.
• Multi-framework versions — The same design is also released for Vue.js (Vue Now UI Kit) and Angular (Now UI Kit Angular), with download links in the README.
• Documentation site — Hosted on the Creative Tim website, with a getting-started introduction and a tutorial for components.
• Original design files — The PSD and Sketch source files are available from Invision's Now page for those who want the design assets.

Who should use Now UI Kit?

The kit is designed for anyone building a clean, flat-design website quickly, with specific benefits for the following groups.

• Front-end developers — Who need a free, clean Bootstrap 4 starting point for marketing sites or dashboards without writing base CSS from scratch.
• UI/UX designers — Who want to move from static PSD/Sketch mockups to a live HTML prototype quickly; the kit's examples mirror the Invision Now design.
• Startup founders — Who need a simple landing page, login, and profile page to get a product's first public web presence online fast.

What can you do with Now UI Kit?

With the three included example pages and a full component library, you can accomplish several common web design tasks out of the box.

• Launch a landing page — Take the supplied landing-page.html and replace the placeholder copy and images with your product's content, keeping the responsive layout intact.
• Assemble a login flow — Use the login-page.html example as the sign-in page for an MVP or internal tool, then extend it with Bootstrap 4 form validation.
• Prototype in InVision — Pair the kit with InVision's tools to create lifelike prototypes that users can click through and give feedback on before development.

How does Now UI Kit work?

Download the kit from Creative Tim or clone the GitHub repository, then link assets/css/now-ui-kit.css and assets/js/now-ui-kit.js in your HTML. Copy any component snippet from the documented examples into your pages, and rely on the bundled jQuery 3.2.1, Popper, and Bootstrap JS for interactive behavior.

Pricing

Now UI Kit is free to use and its GitHub repository is public. A paid PRO version, Now UI Kit PRO, is available from Creative Tim with additional components and features.

FAQ

Is Now UI Kit free?

Yes, the HTML version is free to download from Creative Tim's website and the code is open-sourced on GitHub. The PSD and Sketch files from Invision are separate, and a paid PRO version exists.

What Bootstrap version is Now UI Kit built on?

It is built on Bootstrap 4, with the kit's own CSS layered on top. The bundled file bootstrap.min.css is included in the assets.

Does Now UI Kit include JavaScript plugins?

It includes three plugins in assets/js/plugins: bootstrap-datetimepicker, bootstrap-switch, and nouislider, plus core jQuery 3.2.1, Bootstrap, and Popper files.

Can I use Now UI Kit with a framework?

Yes, Creative Tim also publishes Vue.js and Angular versions of the kit, so the same visual style can be used in those frameworks.

How many example pages are included?

Three: landing page, login page, and profile page, all located in the examples folder.