Zutre

NOTE: Project in development, do not use at production

zutre is a set of UI components for VueJS based on Spectre CSS Framework with some modifications and provided new features which are not available in Spectre.

Demo and documentation: https://maclisowski.github.io/zutre/

If you want to see what is coming next, please see Changelog.

Installation

In order to install and use zutre in your Vue app, you have to install it through npm:

npm install --save zutre

In your main js file import zutre and use it in your Vue instance

import Vue from 'vue';
import Zutre from 'zutre';

Vue.use(Zutre);

Once it is done, you can use zutre components in your Vue project. For more informations, components examples and API please see documentation.

Zutre Components

• In progress

  • Forms
  • Bars

• Elements

  • Tables
  • Buttons
  • Icons
  • Labels
  • Code
  • Media

• Layout

  • Flexbox grid
  • Responsive
  • Hero
  • Navbar

• Components

  • Accordions
  • Avatars
  • Badges
  • Breadcrumbs
  • Cards
  • Chips
  • Drawer
  • Empty states
  • Menu
  • Modals
  • Nav
  • Pagination
  • Panels
  • Popovers
  • Steps
  • Tabs
  • Tiles
  • Toasts
  • Tooltips

• Utilities

  • Divider
  • Link

---

Developing

Project setup

npm install

Compiles and hot-reloads for development

Runs dev server with documentation

npm run serve

Compiles and minifies for production

npm run build-bundle

Compiles documentation

npm run build-docs

Run your tests

npm run test

Lints and fixes files

npm run lint

Run your unit tests

npm run test:unit

Customize configuration

See Configuration Reference.

---

License

This package is under MIT License (MIT). Please see LICENSE file for more details.

Copyright (c) 2018 Maciej Lisowski