Now UI Kit - All New Bootstrap 4 UI Kit

Now UI Kit is a free Bootstrap 4 UI kit that supplies over 50 UI elements, 100+ custom icons, and three demo pages (landing, profile, and login) so developers can assemble responsive websites and web apps without designing components from scratch.

What is Now UI Kit?

Now UI Kit is a responsive, cross-platform UI kit built on Bootstrap 4 Beta and distributed by ThemeWagon, created by Creative Tim with design by Invision. It takes a collection of pre-styled HTML, CSS, SCSS, and JavaScript components and outputs ready-to-use interface building blocks such as buttons, forms, navigation, progress bars, modals, tooltips, carousels, and a datepicker. The kit includes 5 HTML files, SCSS source files, and uncompressed JavaScript files, so it can be dropped into existing projects or used as the front end for Laravel, Angular, Vue, or React applications.

Key Features

• 50+ UI elements — The kit includes links, inputs, buttons, checkboxes, radio buttons, dropdowns, navigation, pagination, progress bars, sliders, notifications, and more.
• 100+ custom icons — All icons and fonts come from Nucleo Icons, giving the kit a consistent visual language.
• Three sample pages — Landing, profile, and login pages are included as ready-to-preview HTML examples.
• Renovated Bootstrap 4 components — Standard Bootstrap components are restyled with a vivid color scheme, alluring typography, and clean, spacious design.
• Cross-platform responsive — The kit is compatible with Chrome, Edge, Firefox, Opera, Safari, and mobile browsers.
• SCSS source files — Developers can customize colors, spacing, and components in depth by editing the SASS files.
• JavaScript Widgets — Includes modal, tooltip, popover, carousel, and datepicker components powered by Bootstrap 4 and Owl Carousel.
• Documentation page — A detailed tutorial and component reference is available to speed up implementation.

Who is it for?

• HTML developers — They can use the prebuilt components and sample pages to build marketing sites, portfolios, or app interfaces quickly.
• Designers who code — The kit provides a design system with consistent spacing, typography, and colors that can be customized through SCSS.
• Laravel, Angular, Vue, or React developers — The kit is ready to be used as a front-end layer for these frameworks with small modifications.
• Developers needing a free UI foundation — Since it is open-source and free for commercial use, it suits budget-conscious projects.

What can you do with Now UI Kit?

• Launch a landing page — Use the included landing page example and adapt its sections (navigation, hero, cards, footer) to promote a product or service.
• Create a profile page — Assemble a user profile interface from the provided profile page example, including avatars, stats, and content blocks.
• Build a login screen — Implement the login page example with form inputs, buttons, and validation states.
• Prototype web app interfaces — Combine the basic elements and JavaScript widgets to mock up dashboards, admin panels, or SaaS products without writing custom CSS from scratch.

Pricing

Now UI Kit is a free download. The license allows open-source use, commercial projects, and lifetime free updates.

FAQ

Is Now UI Kit free?

Yes, Now UI Kit is available as a free download. The license permits open-source use, use in commercial projects, and lifetime free updates.

What components are included in Now UI Kit?

The kit includes more than 50 elements: links, inputs, buttons, checkboxes, radio buttons, dropdowns, navigation, pagination, progress bars, sliders, notifications, plus JavaScript components like modals, tooltips, popovers, carousels, and a datepicker.

Can I customize Now UI Kit?

Yes, the kit ships with SCSS source files, so you can modify variables and component styles for deeper customization. The included documentation explains how to work with the components.

Does Now UI Kit support Laravel or other frameworks?

The kit can be used as the front end for a Laravel project, and with small changes it supports Angular, Vue, and React JS as well.

What version of Bootstrap does Now UI Kit use?

Now UI Kit is built on Bootstrap 4 Beta. Since Bootstrap 4 is now superseded by Bootstrap 5, the kit is best suited for projects targeting the Bootstrap 4 ecosystem.