vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide

We have collection of more than 1 Million open source products ranging from Enterprise product to small libraries in all platforms. We aggregate information from all open source repositories. Search and find the best for your needs. Check out projects section.

vue-styleguidist - Created from react styleguidist for Vue Components with a living style guide

Project was started when not finding a tool that generates documentation of components with hot reloading, read documentation and have a playground. Created from React Styleguidist, implement additional support to read and compile .vue files. Only supports 2.x. Vue Styleguidist is a style guide generator for Vue components. It lists component and shows live, editable usage examples based on Markdown files. You can use it to generate a static HTML page to share and publish or as a workbench for developing new components using hot reloaded dev server.

https://github.com/vue-styleguidist/vue-styleguidist

Dependencies:

@vxna/mini-html-webpack-template : ^0.1.7

acorn : ^5.7.1

ast-types : ^0.11.5

buble : ^0.19.6

classnames : ^2.2.6

clean-webpack-plugin : ^0.1.19

clipboard-copy : ^2.0.0

codemirror : ^5.39.0

common-dir : ^2.0.2

copy-webpack-plugin : ^4.5.2

css-loader : ^0.28.11

doctrine : ^2.1.0

es6-object-assign : ~1.1.0

es6-promise : ^4.2.4

escodegen : ^1.10.0

esprima : ^4.0.0

findup : ^0.1.5

function.name-polyfill : ^1.0.6

github-slugger : ^1.2.0

glob : ^7.1.2

glogg : ^1.0.1

highlight.js : ^9.12.0

is-directory : ^0.3.1

javascript-stringify : ^1.6.0

jss : ^9.8.7

jss-camel-case : ^6.1.0

jss-compose : ^5.0.0

jss-default-unit : ^8.0.2

jss-global : ^3.0.0

jss-isolate : ^5.1.0

jss-nested : ^6.0.1

kleur : ^2.0.1

leven : ^2.1.0

listify : ^1.0.0

loader-utils : ^1.1.0

lodash : ^4.17.10

lowercase-keys : ^1.0.1

markdown-to-jsx : ^6.6.8

mini-html-webpack-plugin : ^0.2.3

minimist : ^1.2.0

ora : ^2.1.0

prop-types : ^15.6.2

q-i : ^2.0.1

react : ^16.4.1

react-codemirror2 : ^5.1.0

react-dev-utils : ^5.0.1

react-dom : ^16.4.1

react-group : ^1.0.6

react-icons : ^2.2.7

react-lifecycles-compat : ^3.0.4

react-styleguidist : ^7.3.9

recast : ^0.13.0

remark : ^9.0.0

strip-comments : ^0.4.4

style-loader : ^0.21.0

to-ast : ^1.0.0

type-detect : ^4.0.8

uglifyjs-webpack-plugin : 1.2.7

unist-util-visit : ^1.3.1

vue-docgen-api : ^2.5.2

vue-webpack-loaders : ^1.0.8

webpack-dev-server : ^2.11.2

webpack-merge : ^4.1.3

Tags	vue-components styleguide vuejs vue parser vuejs2 doc styleguidist markdown documentation style-guide docs generator component components
Implementation	Javascript
License	MIT
Platform	NodeJS

Related Projects

vue-design-system - An open source tool for building UI Design Systems with Vue.js

Javascript

Vue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices that work as the foundation for your application development. The tool is built on top of Vue.js, Vue Styleguidist, Webpack, and Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.

vuejs design-systems design-system vue-styleguidist components component-library vue vue-design-system vue.js design system

react-styleguidist - Isolated React component development environment with a living style guide

Javascript

React Styleguidist is a component development environment with hot reloaded dev server and a living style guide that you can share with your team. It lists component propTypes and shows live, editable usage examples based on Markdown files. Check out the demo style guide. The change log can be found on the Releases page.

react styleguide documentation jsx style-guide docs generator component components

uiv - Bootstrap 3 components implemented by Vue 2.

Javascript

uiv is a Bootstrap 3 component lib implemented by Vue 2. To check out live examples and docs, visit https://uiv.wxsm.space.

vue bootstrap vuejs vuejs2 vue2 bootstrap3 ui ui-components web component-library vue-bootstrap bootstrap-3 bootstrap-for-vue ssr components directives webcomponents vue-strap vuestrap css affix messagebox notification scrollspy alert button button-group breadcrumbs carousel slider collapse dropdown nav modal navbar pagination popover progress tab tooltip typeahead auto-complete multi-select

Vuetify.js - Material Component Framework for Vue.js 2

Javascript

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

vue vuejs vuejs2 vue2 vue-components vue-component material-design material material-theme material-components semantic vue-material vuetify vuetifyjs

vue-quill-editor - 🍡Quill editor component for Vue2

Javascript

quill editor component for Vue

vue vue-quill-editor quill editor vue-components vuejs vuejs2 vue-component vue2 editor-plugin quilljs quill-editor vue-resource vue-plugin web-editor text-editor vue-directive vue- vue-quill vue-text-editor vue-rich-text-editor vue-web-editor vue-editor

vue-awesome-swiper - 🏆 Swiper component for Vue.

Swiper component for Vue

swipe slide vue vue-swiper vue-components vue-awesome-swiper ssr nuxtjs nuxt vuejs vuejs2 vue2 vue-component vue-resource carrousel slides slider swiper vue-plugin vue-directive awesome-swiper vue-carrousel vue-slide

vue-video-player - video.js component for Vue.

Video Player component for Vue

video-player vue vue-video-player hls player vue-components youtube videojs-vimeo videojs-resolution-switcher videojs-contrib-hls video-api vuejs vue2 vue-component vuejs2 vue-resource player-video videojs ssr spa vue-video vue-videojs vue-player

vue-codemirror - ❤️ Codemirror component for Vue2

Codemirror component for Vue

vue codemirror vue-codemirror codemirror-component vuejs vuejs2 vue2 vue-components vue-component vue-resource codemirror-themes codemirror-editor code-editor co vue-directive vue-plugin text-editor web-editor

vue-social-sharing - A Vue

Javascript

Note that the social_shares_close event is not fired for the Whatsapp, SMS and Email sharers.

vue vue-component social-shares vuejs vuejs2 vuejs-components vue-components social plugin share

storybook - UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!

TypeScript

Storybook is a development environment for UI components. It allows you to browse a component library, view the different states of each component, and interactively develop and test components. Storybook runs outside of your app. This allows you to develop UI components in isolation, which can improve component reuse, testability, and development speed. You can build quickly without having to worry about application-specific dependencies.

storybook styleguide testing components library webpack ui react vue react-native design-systems angular polymer svelte ember marko ui-components documentation web-components angularjs babel eslint frontend jamstack markup reactjs reuseable storybookjs templated tool user-interface vuejs

vue-hotel-datepicker - Vue date range picker component

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localisation support and more. The date format string.

vue vuejs vuejs-components vuejs-plugin vuejs2 calendar datepicker datepicker-component date dates input date-input date-picker range date-range-picker

vuep - 🎡 A component for rendering Vue components with live editor and preview.

Javascript

🎡 A component for rendering Vue components with live editor and preview. you can write in HTML file or even a markdown file.

vue playground component vue-components editor preview editable vuejs

vue-stripe-elements - A Vue 2 component collection for StripeElements

A Vue 2 component collection for stripe elements.

vuejs vuejs2 vue-components stripe stripe-elements stripe-api vue elements payment

vue-table - data table simplify! -- vuetable is a Vue

This is the previous version that works with Vue 1.x. The most up-to-date version is the Vuetable-2. If you like it, please star the Vuetable-2 repo instead, or make a small donation to support it. If you're looking for the version that's working with Vue 2.x, please go to vuetable-2 repo. However, I still have no time to work on the documentation. But if you're familiar enough with vuetable, it shouldn't be any much different. Look at the what's changed for info on changes from version 1 and the upgrade guide on how you could upgrade from version 1.

vue component pagination-components datatable vuejs table json pagination

vue-particles - Vue.js component for particles backgrounds ✨

Javascript

Vue.js component for particles backgrounds ✨

vuejs2 vuejs vue-components vue-particles particles-backgrounds vue-component vue vue2 vue.js particles.js particles

vuesax - Framework Components for Vue.js 2

Vuesax is a framework of components based on vue.js, it is a framework that is designed from scratch to be incrementally adoptable. The framework is focused on facilitating the development of applications, improving the design of the same without removing the necessary functionality. we want all the components to be independent in colors, shapes and design for a freedom that we like all front-end but without losing the speed of creation and production.

vue vuejs component vuesax lusaxweb componets framework library vuejs2 vue2 vue-components components css

quasar - Quasar Framework

Javascript

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.

quasar-framework vuejs vuejs2 vue vue-component ios android electron material vue-components material-theme material-design material-components vue2 pwa quasar js phone tablet desktop spa website

vue-slicksort - A set of vue mixins to turn any list into an animated, touch-friendly, sortable list ✌️

Javascript

That's it! Vue Slicksort does not come with any styles by default, since it's meant to enhance your existing components.

drag grid drop vue-slicksort mixin-components sortable-helper sort animated dependency free vue vuejs vue-component vue-mixin sortable sortable-list list smooth mixin component react-sortable-hoc vue-sort vue-sortable drag-and-drop

TUI - This is a high quanlity components library for VUE

This is a high quanlity components library for VUE

vue sass html vue2 tui web webpack javascript-library javascript-framework vuejs vuejs2 vue-components

Vue.D3.tree - Vue component to display tree based on D3.js layout.

Update documentationVue components to display graphics based on D3.js layout. For all these events, the argument passed is {element, data} where element represents the node build by D3.js and data is the node raw data.

d3js vuejs2 component tree vue vuejs d3.js web-components