Vue Cirrus

A fully responsive and comprehensive CSS framework with beautiful controls and simplistic structure. Cirrus is designed to be adaptable to existing themes or when starting fresh. These are the Vue Components for this CSS framework. The official Cirrus framework can be found here.

Documentation: click

Getting Started

1. Install with npm

npm install vue-cirrus

2. Include the following in your public.html file

<link
  href="https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400,600,700"
  rel="stylesheet"
/>
<link
  href="https://fonts.googleapis.com/css?family=Montserrat:400,700"
  rel="stylesheet"
/>

<link href="https://unpkg.com/cirrus-ui" type="text/css" rel="stylesheet" />

3. Import all vue cirrus components in your main.js file

import 'vue-cirrus/dist/vue-cirrus.css';
import 'vue-cirrus';

4. Test, if it works by including the following in a vue file

<v-btn animated loadingLeft>Button Test</v-btn>

Components

• Buttons
• Cards
• Dropdown
• Frames
• Grid
• Modals
• Navbar
• Pagination
• Forms(SearchBar, DatePicker, Text)
• Placeholder
• Sidebar
• Tabs
• Tiles
• Avatars
• Code
• Dividers
• Footer
• Links
• NextPrev
• Parallax
• Snackbars
• Spaces
• Toasts
• Badges
• Fullscreen
• Spinners

Acknowledgements

Thank you to the following libraries for making this library possible.

• Cirrus
• Vue
• Vuex