Git Product home page Git Product logo

vue-kawaii's Introduction

Vue Kawaii

CircleCI codecov dependencies Status devDependencies Status

Vue Kawaii is a fork of React Kawaii. The library of cute SVG illustrations (Vue components). Ideal if you want to give some cuteness and personality to your Vue application.

Packages

Package Version
vue-kawaii npm
vue-kawaii-example npm

Install from NPM

npm install --save-dev vue-kawaii

Install from Yarn

yarn add vue-kawaii

Import it into your code:

import { Planet } from 'vue-kawaii'

export {
  name: 'Example'
  components: {
    Planet
  }
}

Components

All the components are SVG illustrations. You can pick different moods: sad, shocked, happy, blissful and lovestruck. You can also choose a color to your Kawaii and the size.

Available components:

  • Backpack - A cute backpack
  • Browser - A cute browser
  • CreditCard - A cute credit card
  • Ghost - A cute ghost
  • IceCream - A cute ice-cream
  • Mug - A cute mug
  • Planet - A cute planet
  • SpeechBubble - A cute speech bubble
  • More Kawaii components coming soon...

vue-kawaii's People

Contributors

dacsang97 avatar guastallaigor avatar

Stargazers

avatar Rassulzhan avatar Red Huang avatar CA Manas Madrecha avatar Fey avatar avatar Loïc Vaillé avatar Katyusha avatar Felipe Fernandes Leandro avatar max avatar Ronnie Villarini avatar nikushi avatar Gavin Chua avatar Prateek Gogia avatar avatar Viktor Matushevskyi avatar Abdo avatar Sidhant Rajan avatar Madi Rysbek avatar Quentin Durantay avatar Jérémie Zarca avatar Omar Bahareth avatar avatar Gabbi Brooks avatar Nicolas Marshall avatar Elizabet Oliveira avatar

Watchers

James Cloos avatar Hieu Tran avatar avatar Madi Rysbek avatar

Forkers

guastallaigor lamngo255 xeonicca gureckis

vue-kawaii's Issues

We can't use all vue-docgen-api ? and sidebar broken

Hello ! First thank's a lot for your work ! :)

I am facing two problems:

  • when we are using your component it broke every sidebar we make. Maybe i should just add another nav ?
sidebar: {
      "/guide/": [
        {
          title: "Guide",
          collapsable: false,
          children: ["", "getting-started", "colors", "borders", "fonts", "filters"]
        },
        {
          title: "Components",
          collapsable: false,
          children: ["components/buttons", "components/modals"]
        }
      ]
    }

It seem to break all sidebar navigation because the Home / Components

  • We can't use all vue-docgen-api when i want to use slot comment emit comment and class description maybe it's a choice ?

update to vue 3

this hasn't been updated in a while but i converted most of it for a small project of mine to vue 3. should i start a new project or submit a pr?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.