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.

Live Preview Download now Docs

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

Vue widgets

Bamburgh UI Design System

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.

UI Elements

Tables

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.

Create new issue

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.

Browse documentation

Support Tickets

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

View support tickets

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.

Join Channel

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

Bamburgh Vue UI Kit with BootstrapVue Free

Bamburgh Vue UI Kit with BootstrapVue Free

Modern, sleek design

BootstrapVue extended

Frontend stack

Technical documentation

UI Kit Key Features

20 Vue pages included

UI Elements

Tables

12 customized Vue widgets

We value our customers

Github Repository

Online Documentation

Support Tickets

Discord Channel

UI Kits Highlights

SCSS Stylesheets

Clean code

Modular architecture

Example pages

Icon fonts

Easy to customise

Google fonts

Consistent design

Compatibility

Fully responsive

Optimized assets

Powerful documentation

Download Bamburgh Vue UI Kit with BootstrapVue Free

FREE Version

PRO Version

July 12, 2019

Found a bug? Issue

Monthly Free Resources

📬 Monthly Newsletter