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

  •        68

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
Implementation
License
Platform

   




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.

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.

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-social-sharing - A Vue

  •    Javascript

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

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.

vue-hotel-datepicker - Vue date range picker component

  •    Vue

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.

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-table - data table simplify! -- vuetable is a Vue

  •    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.

vuesax - Framework Components for Vue.js 2

  •    Vue

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.

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.

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

  •    Vue

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.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.