GithubHelp home page GithubHelp logo

vue-bulma

A modern UI framework based on Vue and Bulma.

Install

Install with npm:

$ npm i vue-bulma --save

Install with yarn:

$ yarn add vue-bulma

Example

import Vue from 'vue'
import * as components from 'vue-bulma'

// In the global registration
for (const [key, value] of Object.entries(components)) {
  const name = value.name || `vb-${key.toLowerCase()}`
  Vue.component(name, value)
}

Development

We use Lerna to manage multiple packages.

$ npm i lerna --global 

$ yarn bootstrap

Open Examples

$ yarn dev

Format packages

$ yarn run format

Create a package

# vue-bulma-container
$ lerna create vue-bulma-container
$ lerna add vue packages/vue-bulma-container/
$ lerna add bulma packages/vue-bulma-container/
$ cd packages/vue-bulma-container/
$ mkdir src
$ touch src/main.js
$ touch src/style.scss

Add to vue-bulma

$ lerna add vue-bulma-container packages/vue-bulma/

Team

Lead Maintainers

Collaborators

License

Licensed under MIT.

vue-bulma's Projects

brace icon brace

Code editor powered by Vuejs and browserify Ace.

bulma icon bulma

Modern CSS framework based on Flexbox

bulma-ui icon bulma-ui

We are refactoring it, using the latest Vue and Bulma. WIP

card icon card

Card component for Vue Bulma.

chartjs icon chartjs

Chartjs component is based on chart.js for Vue Bulma

cleave icon cleave

Vue Cleave component is based on cleave.js for Vue

cli icon cli

[WIP] Simple CLI for scaffolding Vue Bulma projects

emoji icon emoji

Vue Emoji Component is based on emojione.com for Vue Bulma

expanding icon expanding

The Expanding Transition Component for Vue 2.0

jump icon jump

Jump component is based on jump.js for Vue Bulma

lory icon lory

Vue Slider Component is based on lory

modal icon modal

Modal component for Vue Bulma

nprogress icon nprogress

Progress bars is based on nprogress for Vue

peity icon peity

A Vue version of an excellent peity library for beautiful mini <svg> graphs.

rating icon rating

Rating component is based on starability.css for Vue Bulma

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.