https://github.com/myliang/fish-ui

A Vue.js 2.0 UI Toolkit for Web
https://github.com/myliang/fish-ui

component javascript ui vue-components vue2

Last synced: about 11 hours ago
JSON representation

A Vue.js 2.0 UI Toolkit for Web

• Host: GitHub
• URL: https://github.com/myliang/fish-ui
• Owner: myliang
• License: mit
• Created: 2017-09-30T13:23:13.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2024-10-15T10:35:13.000Z (about 1 month ago)
• Last Synced: 2024-10-29T17:14:04.668Z (22 days ago)
• Topics: component, javascript, ui, vue-components, vue2
• Language: Vue
• Homepage: https://myliang.github.io/fish-ui/
• Size: 20.1 MB
• Stars: 906
• Watchers: 37
• Forks: 88
• Open Issues: 22
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        



  

    

  



# Fish-ui

[![npm package](https://img.shields.io/npm/v/fish-ui.svg)](https://www.npmjs.org/package/fish-ui)

[![NPM downloads](http://img.shields.io/npm/dm/fish-ui.svg)](https://npmjs.org/package/fish-ui)

[![Join the chat at https://gitter.im/myliang/fish-ui](https://badges.gitter.im/myliang/fish-ui.svg)](https://gitter.im/myliang/fish-ui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

> A Vue.js 2.0 UI Toolkit for Web.

## Install

```shell

npm install less less-loader -S

npm install fish-ui -S

```

## Quick Start

### google font & font-awesome

``` html

```

### Import all components

``` javascript

import Vue from 'vue'

import FishUI from 'fish-ui'

Vue.use(FishUI)

```

### Manually import

``` javascript

import 'fish-ui/styles/button.less'

import Button from 'fish-ui/src/components/Button.vue'

Vue.component(Button.name, Button)

```

And if you start with [vue-webpack-boilerplate](https://github.com/vuejs-templates/webpack) by vue-cli

## Demo

[https://myliang.github.io/fish-ui/](https://myliang.github.io/fish-ui/)

  

    

  

  

    

  

  

    

  

  

    

  

## Features

- Equip with Vue.js, Moment, Vue-Router, ES6 & Babel 6

- Cool with Webpack 2.0 & Vue Loader

- Semantic CSS Components

- Stylesheets in Less

## Components

  - BackTop

  - Button

  - Buttons

  - Calendar

  - Card

  - Carousel

  - CarouselItem

  - Cascader

  - Checkbox

  - Checkboxes

  - Col

  - DatePicker

  - Dropdown

  - Field

  - Fields

  - Form

  - Input

  - InputNumber

  - Layout

  - Menu

  - Message

  - Modal

  - Option

  - Pagination

  - Radio

  - Radios

  - Row

  - Select

  - Steps

  - Step

  - Submenu

  - Table

  - TabPane

  - Tabs

  - Tag

  - Tags

  - TimePicker

  - Upload

  - Tree

  - Tree Select

  - Transfer

  - Divider

  - Image

  - Timeline

## Browser Support

Modern browsers and Internet Explorer 9+(no test).

## Thanks to

- [semantic-ui](http://semantic-ui.com/)

## LICENSE

MIT