UIV - A Bootstrap 3 component lib implemented by Vue 2

You may find UIV as a very useful library when dealing with legacy projects written in JQuery and Bootstrap 3.

This UI kit provides Bootstrap 3 components implemented with Vue 2, resulting in an easy way to integrate VUE with Bootstrap and getting rid of JQuery without introducing too much noise in the UI and saving programming efforts at the same time.

Highlights

• All components ~20KB Gziped.
• Dependencies only Vue & Bootstrap CSS.
• No extra CSS.
• IE 9+ & modern browsers supported.
• SSR (server-side rendering) supported.
• Individually import supported.

Installation

If you are using module bundlers such as Webpack, you can directly include package into your project via NPM.

NPM

$ npm install uiv --save

Browsers

You can load & install UIV package directly in browsers. For example:

<script src="//unpkg.com/uiv"></script>

Avoiding conflicts with other libraries

All components & directives will be installed with no prefix by default, you can add any prefix to them to avoid conflicts with other libs if needed.

For example:

Vue.use(uiv, {prefix: 'uiv'})

Bootstrap 3 UI Components Available

As of April 2018, these are the UI components available in this library:

1. Basic

• Button 
• ButtonGroup
• Collapse

1. Popup

• Dropdown
• Modal
• Tooltip
• Popover

1. Form

• MultiSelect
• Typeahead 
• DatePicker
• TimePicker

1. Notice

• Alert
• Notification
• MessageBox

1. Navigation

• Navbar
• Tabs
• Breadcrumbs

1. Indicator

• Pagination
• ProgressBar 

1. Others

• Carousel
• Affix
• ScrollSpy

Compatibility

All browsers supported by Vue 2 and Bootstrap 3 CSS are supposed to be also supported by this library.

Live Sample

Here: UIV Sample Application



Author & Github Repository

Repo here: UIV github repository