Bamburgh Vue UI Kit with BootstrapVue Free

Bamburgh Vue UI Kit with BootstrapVue Free

This free UI Kit features the most common and useful elements, styles and components that will help you quickly bootstrap your project. It’s powered by Vue.js, VueCLI and BootstrapVue.

Initial release: July 12, 2019 Last updated: February 8, 2019 Changelog

Modern, sleek design

This Vue.js UI Kit is open source, MIT licensed and is part of our Bamburgh UI Design System package. It features a lot of beautiful Bootstrap based components and elements. We’ve added extra styles to the base components to make this a truly unique and beautiful free Vue UI Kit.

 

BootstrapVue extended

Bamburgh Vue UI Kit with BootstrapVue Free uses BootstrapVue for all it’s components and doesn’t require jQuery.

 

Frontend stack

Bamburgh Vue UI Kit with BootstrapVue Free is powered by the latest versions of Vue.js, Vue Router and it’s bootstrapped using the Vue CLI. This UI Kit can be integrated in existing projects or to create new ones. The stylesheets are written using SCSS and compied using the core included Webpack. Nice and easy so that you can concentrate on other things.

Technical documentation

Our free products deserve the same extended documentation like the PRO versions. For that, we set up

UI Kit Details
Version
1.1.0
Initial release
July 12, 2019
Last updated on
February 8, 2019
Vue pages
20
Vue widgets
12
Changelog
Changelog
Documentation files
View Documentation
Open Source MIT License
Community Support through Github issues

UI Kit Key Features

Curious about what features this UI Kit has to offer? Scroll no more, we've put together a list of features below.

20 Vue pages included

Bamburgh Vue UI Kit with BootstrapVue Free includes exactly 20 Vue example pages covering all use cases for developing user interfaces for apps & presentation websites.

12 customized Vue widgets

With some help from our friends below, this UI Kit has exactly 12 widgets integrated with the same consistent design and UI style from Bamburgh UI Design System.

Fontawesome Core

Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.

Fontawesome Brands Icons

Fontawesome Brands icons package.

Fontawesome Regular Icons

Fontawesome Regular icons package.

Fontawesome Solid Icons

Fontawesome Solid icons package.

Fontawesome Vue

This is the official Vue.js Font Awesome 5 Vue component using SVG with JS.

Apex Charts

A modern JavaScript charting library to build interactive charts and visualizations with simple API.

Bootstrap

Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

BootstrapVue

With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the world's most popular front-end CSS library — Bootstrap v4.

Vue Apexcharts

Vue.js wrapper for ApexCharts to build interactive visualizations in Vue.

Vue Material Design Icons

This library is a collection of Vue single-file components to render Material Design Icons, sourced from the MaterialDesign project.

Vue NProgress

Slim progress bars for Ajax'y applications. Inspired by Google, YouTube, and Medium.

Vue StickyKit

A Vue.js integration of StickyKit that help you keep elements fixed relative to their parents.

We value our customers

We try to resolve any issues you might have as soon as possible. We've set up a set of tools to help in your development endeavours.

Github Repository

Each UI Kit has a Github repo where we track changelogs, issues and suggestions. PRO UI Kits customers can request private Github access to say in sync with all our code commits.

Online Documentation

Bamburgh Vue UI Kit with BootstrapVue Free has an extensive documentation available online which contains code examples for each section or component available in the live preview.

Support Tickets

You'll be up and running in no time, thanks to our detailed individual docs sections packed with explanations and code snippets.

Discord Channel

Say hello, ask for help or just chat. We have a Discord channel ready for that. Also, holders of a PRO license can ask for help with priority.

UI Kits Highlights

Below you'll find some features that makes Bamburgh Vue UI Kit with BootstrapVue Free stand out from the crowd

SCSS Stylesheets

All Bamburgh Vue UI Kit with BootstrapVue Free stylesheets are built with SCSS which makes it easy to customize and propagate variables changes across all included components.

Clean code

Each element, each component, each page has been carefully coded using the same consistent style and structure.

Modular architecture

We've split the assets architecture into a logical structure making it easy to remove or add components or pages.

Example pages

We've included in Bamburgh Vue UI Kit with BootstrapVue Free examples pages & starter kits, that will boost you project start.

Icon fonts

Bamburgh Vue UI Kit with BootstrapVue Free has at least 2 different font icons integrated. You'll have at least 2500+ icons at your disposal.

Easy to customise

To customize your project, use either the included CSS helper classes integrated in Bamburgh Vue UI Kit with BootstrapVue Free or SCSS variables that can be compiled using the build tools.

Google fonts

You can easily change the included Google font to a different one, just by adding a line of code in your app head tag.

Consistent design

We use mainly two frameworks: Bootstrap 4 or Material Design. All elements and components are styled using the same design approach, the same color/spacing/size and the same common SCSS variables.

Compatibility

Bamburgh Vue UI Kit with BootstrapVue Free is 100% compatible with whatever framework solution we chose for this template.

Fully responsive

We're mainly using Bootstrap 4 powerful responsive utilities, making our products perfectly adaptable to any screen size, desktops to mobiles.

Optimized assets

Performance is an important factor when serving website or apps to customers. We took great care and managed to obtain almost a perfect speed score for Bamburgh Vue UI Kit with BootstrapVue Free.

Powerful documentation

Bamburgh Vue UI Kit with BootstrapVue Free has a separate documentation which is available online and is packed with code examples, explanations and tutorials.

Download Bamburgh Vue UI Kit with BootstrapVue Free

This free UI Kit features the most common and useful elements, styles and components that will help you quickly bootstrap your project. It's powered by Vue.js, VueCLI and BootstrapVue.

FREE Version
  • Extended Support
  • Use in Commercial projects
  • Presentation Website Blocks
  • 150+ Components Included
  • Multiple Layouts/Colors Variations
  • Multiple pages & examples
  • User Pages & Applications
  • No Backlinks
  • Extended SASS Files
Download now
PRO Version
  • Extended Support
  • Use in Commercial projects
  • Presentation Website Blocks
  • 150+ Components Included
  • Multiple Layouts/Colors Variations
  • Multiple pages & examples
  • User Pages & Applications
  • No Backlinks
  • Extended SASS Files
Upgrade to PRO

Monthly Free Resources

Follow us on our social media accounts to stay up to date with design and frontend trends & freebies.

📬 Monthly Newsletter

Get interesting design and development resources and stay in touch with us - subscribe today! 👨🏼‍🏫

We promise not to spam your inbox. We also hate spam!