Wrapkit is a free Bootstrap 4 UI kit from WrapPixel that bundles 25+ UI elements and 17+ ready-to-use blocks for assembling landing pages, admin pages, and complete websites.
What is Wrapkit?
Wrapkit is a free Bootstrap 4 UI kit that provides pre-built UI elements, sections, and blocks you can copy into your own projects. It includes 3 HTML files, 7+ SCSS files, 3 CSS files, and uncompressed JavaScript files, and is distributed by ThemeWagon with the author listed as WrapPixel. The kit is built on Bootstrap 4 Beta and is fully responsive, retina-ready, and supports Sass-based CSS. Its live demo shows a landing page built from the included sections.
Key Features
- Bootstrap 4 Beta — Built on the Bootstrap 4 Beta framework with the mobile-first grid and components.
- 25+ UI elements — Includes buttons, labels, breadcrumbs, dropdowns, cards, tooltips, popovers, notification styles, and modals ready to drop into projects.
- 17+ UI blocks — Ready-made sections cover headers, landing pages, team, pricing tables, calls to action, testimonials, blog, and a functioning contact form.
- Sass-based CSS — Ships with 7+ SCSS files so you can customize variables and compile your own stylesheet.
- Retina ready & device responsive — Layouts stay sharp on high-density screens and scale across phones, tablets, and desktops.
- Smooth CSS animations — The kit includes animated navbar ghost buttons, multilevel dropdowns, and hover effects.
- SEO optimized & W3C validated code — Markup is written with search engines and standards compliance in mind.
- Free for commercial use — The download is open source, usable in commercial projects, and comes with lifetime free updates.
Who is it for?
- Web developers building landing pages or coming-soon pages need a set of pre-styled Bootstrap 4 components instead of writing CSS from scratch.
- Designers who want to prototype interfaces can copy sections like pricing tables and team grids directly into mockups.
- Startups and agencies creating marketing sites can assemble a one-page site with header, testimonial, call-to-action, and contact sections.
What can you do with Wrapkit?
- Launch a product landing page — use the landing page section, call-to-action button, and ghost-button navbar to present an app or product quickly.
- Build a business website — combine team, pricing, testimonial, blog, and contact sections into a complete corporate one-pager.
- Create an admin or dashboard layout — combine cards, dropdowns, modals, and notification styles as the base for a control panel.
- Re-skin an existing site — drop in buttons, labels, breadcrumbs, and cards directly into a running project without rebuilding it.
How does Wrapkit work?
Wrapkit ships as plain HTML, CSS, SCSS, and JavaScript files. You download the package, open the HTML files in your editor, and copy the markup for the blocks or elements you need; the included CSS and JS handle styling and interactions. Because it's built on Bootstrap 4 Beta, you can also extend it with standard Bootstrap components and utilities.
Pricing
Wrapkit is free to download from ThemeWagon. The license allows commercial use, and updates are provided for free.
FAQ
Is Wrapkit free?
Yes, Wrapkit is a free download from ThemeWagon. The license explicitly permits use in commercial projects and promises lifetime free updates.
What's inside the Wrapkit download?
The download includes 3 HTML files, 7+ SCSS files, 3 CSS files, image assets, and uncompressed JavaScript files. A live demo is available at themewagon.github.io/wrapk.
Does Wrapkit work on mobile devices?
Yes, Wrapkit is built on Bootstrap 4 Beta and is described as device-responsive and retina-ready, so it renders correctly across phones, tablets, and desktop browsers including Chrome, Edge, Firefox, Opera, Safari, and mobile.
Can I use Wrapkit in commercial projects?
Yes, the product license explicitly states "Use in commercial projects" along with open source and lifetime free updates.
What types of pages can I build with Wrapkit?
Wrapkit includes sections for headers, landing pages, teams, pricing tables, calls to action, testimonials, blogs, and a functioning contact form, so it can be used for landing pages, coming-soon pages, admin pages, or complete websites.
