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.

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.

• Elements

  • Tables
  • Buttons
  • Forms
    • Input
    • Select
    • Radio
    • Switch
    • Checkbox
  • Icons
  • Labels
  • Code
  • Media

• Layout

  • Flexbox grid
  • Responsive
  • Hero
  • Navbar

• Components

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

• Utilities

  • Divider
  • Link

npm install

Runs dev server with documentation

npm run serve

npm run build-bundle

npm run build-docs

npm run test

npm run lint

npm run test:unit

See Configuration Reference.

• Release beta version 0.1.3-beta - supporting all features from Spectre CSS Framework
• Release production version 0.1.3
• Develop zutre.css Framework due lack of support for Spectre
• Release version 0.1.4-beta - integrate zutre.css, drop Spectre
• Release production ready version 1.0.0

Please let me know if you would like to contribute to this project.

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

Copyright (c) 2018 Maciej Lisowski