Getting Started

CoreUI for Vue.js is UI Component library written in TypeScript, and ready for your next Vue.js project. Learn how to include CoreUI for Vue.js in your project.

Installation #

Npm #

npm install @coreui/vue

Yarn #

yarn add @coreui/vue

Using components #

import { CAlert } from '@coreui/vue';

Stylesheets #

Vue components are styled using @coreui/coreui CSS library, but you can use them also with bootstrap CSS library. That is possible because @coreui/coreui library is compatible with bootstrap, it just extends its functionalities. The only exception is custom CoreUI components, which don't exist in the Bootstrap ecosystem.

CoreUI CSS files #

Installation #

npm install @coreui/coreui

Basic usage #

import '@coreui/dist/css/coreui.min.css'

Bootstrap CSS files #

Installation #

npm install bootstrap

Basic usage #

import 'bootstrap/dist/css/bootstrap.min.css'