Vvveb Bootstrap 5 Template & UI Kit is a free, open-source Bootstrap 5 HTML template and UI kit from the Vvveb project that provides over 100 reusable sections for building landing pages, blogs, e-commerce storefronts, and user account areas.
What is Vvveb Bootstrap 5 Landing Template?
This is the default theme for Vvveb CMS, a content management system. It is built with Bootstrap 5 and SCSS, and it includes a Gulp-based build system that generates static HTML files from the source. The template provides page templates for a homepage, blog, shop, product, contact, cart, checkout, signup, signin, user dashboard, orders, profile, and more, each with a dark mode variant. It also exports a section list and block list so the VvvebJs drag-and-drop page builder can use the 100+ sections.
Key Features
- Over 100 sections — Categorized as call to action, features, base, contact form, footer, navigation, posts, pricing table, products, showcase, team, and testimonials, so you can mix and match blocks.
- Dark mode variants — Every major page (home, blog, shop, product, contact, cart, post, checkout, signup, signin, user, orders, profile) has a dark theme screenshot in the repository.
- E-commerce templates — Includes shop index, product, manufacturer, vendor, category, cart, checkout, and order confirmation pages to build a store.
- User account pages — Signup, login, password reset, profile edit, address list, comments, orders, digital downloads, and a user dashboard are included.
- Blog and content templates — Blog index, single post, page, tag, category, and archive templates cover content publishing.
- Utility pages — Error 404, error 500, blank, coming soon, and maintenance homepages are part of the theme.
- Gulp integration — The theme ships with npm scripts such as
npm run gulpto generate HTML, watch files, generate sections for VvvebJs, and generate screenshots. - Apache 2.0 license — The template is free to use and modify, and it is supported by donations on PayPal and Open Collective.
Who is it for?
- Vvveb CMS users — Since it is the default theme, any new Vvveb installation uses this template immediately; it can also be replaced with other themes.
- Web designers — Designers can assemble landing pages quickly by copying and pasting any of the 100+ sections, all styled consistently with Bootstrap 5.
- Developers building with VvvebJs — The theme includes commands to generate section and block lists, which let developers register the template's components in the VvvebJs page builder.
- E-commerce site owners — The built-in shop, product, cart, checkout, and order pages give a complete storefront flow out of the box.
What can you do with it?
- Create a marketing landing page — Combine hero, features, testimonials, team, pricing table, and call-to-action sections into a single-page site with no extra setup.
- Build an online store — Use the shop, product, cart, checkout, and user order pages to handle product listing, purchase, and order tracking.
- Start a blog — Use the blog index, post, tag, category, and archive templates to publish and organize content.
- Set up user accounts — The signup, signin, profile, orders, and downloads pages handle authentication and account management flows.
How does it work?
The theme is a static HTML/CSS template with a Gulp build process. To get started, clone the repository, run npm install, then npm run gulp to generate the HTML files. During development, npm run gulp watch rebuilds on file changes. For VvvebJs integration, npm run gulp sections and npm run gulp blocks generate the component lists, and npm run gulp screenshots captures previews of each section.
Pricing
The template is open-source and free to use under the Apache 2.0 license. The Vvveb project accepts donations via PayPal and has an Open Collective page for sponsors and backers, but no purchase is required.
FAQ
Is this template free?
Yes, the template is licensed under Apache 2.0, so you can use it for personal or commercial projects. Supporting donations are optional.
Does it include dark mode?
Yes, the repository has dark mode versions of every major page, including home, blog, shop, product, contact, cart, checkout, signup, signin, user, orders, and profile.
Can I use it as an e-commerce template?
Yes, the template includes shop, product, cart, checkout, and order confirmation pages, plus a manufacturer and vendor page, so you can build a storefront.
How do I build the template?
You need npm and Gulp. After cloning the repo, run npm install and then npm run gulp to generate the HTML output. Use npm run gulp watch to rebuild automatically during development.
What is the VvvebJs integration?
The theme includes commands to generate a section list and block list for VvvebJs, the drag-and-drop page builder. Run npm run gulp sections and npm run gulp blocks to produce those lists.
