vue-design-system-demo

  •        101

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, Vue Webpack Template & Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.

https://vueds.com

Dependencies:

lodash : ^4.17.5
tinycolor2 : ^1.4.1
vue : ^2.5.16
vue-lodash : ^2.0.0
vue-meta : ^1.5.0
vue-router : ^3.0.1
vuex : ^3.0.1
webfontloader : ^1.6.28

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.

shards-dashboard-vue - A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components

  •    Vue

A free Vue admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note: You can download the Sketch files from the official product page.

Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design

  •    Javascript

Keen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google's Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec. Keen UI is not a CSS framework. As such, it doesn't include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.

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.

Buefy - Lightweight UI components for Vue.js based on Bulma

  •    Vue

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. It supports both Material Design Icons and FontAwesome. Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery


ant-design-vue - An enterprise-class UI components based on Ant Design and Vue. 🐜

  •    Vue

An enterprise-class UI components based on Ant Design and Vue. We recommend using npm or yarn to install,it not only makes development easier,but also allow you to take advantage of the rich ecosystem of Javascript packages and tooling.

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.

vue-material - Material design for Vue.js

  •    Vue

If you are trying to find the documentation for previous versions, please go to old website.

design-system-react - Salesforce Lightning Design System in React

  •    Javascript

Welcome to the project! 👋 This library is the React implementation of the Salesforce Lightning Design System. This library has a peer dependency on @salesforce-ux/design-system, react, and react-dom. It is tested with React 16 and has a stable API despite its version number. Please polyfill this library in order to meet your target environment needs. Please view Create React App Setup for more information on using this library with Create React App.

iView - A high quality UI Toolkit built on Vue.js 2.0

  •    Vue

A high quality UI Toolkit based on Vue.js. It has dozens of useful and beautiful components. It supports both Vue.js 2 and Vue.js 1.

vue-material-admin - A vue material design admin template

  •    Vue

Vue Material Admin Template is a Vue Based Material Design Admin Template. And use Vuetifyjs as base framework. Vuetify is Awesome. For a detailed explanation on how things work, check out the guide and docs for vue-loader.

argon-design-system - Argon - Design System for Bootstrap 4 by Creative Tim

  •    CSS

Start your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites. Argon Design System is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files.

system-design-interview - System design interview for IT companies

  •    

System design is a very broad topic. Even a software engineer with many years of working experience at a top IT company may not be an expert on system design. If you want to become an expert, you need to read many books, articles, and solve real large scale system design problems. Spend a few minutes questioning the interviewer and agreeing on the scope of the system. Remember to make sure you know all the requirements the interviewer didn't tell you about in the beginning.

design-system - Priceline.com Design System

  •    Javascript

If you'd like to contribute to the design system, we'd love to have your help. If you work at Priceline.com, please join the #design-system Slack channel and let us know what you'd like to work on. For all contributors, please be sure to read the Contributing doc.

design-system-starter-kit - Rapid prototyping environment using the Salesforce Lightning Design System

  •    HTML

Rapid prototyping environment using the Salesforce Lightning Design System, HTML, and Sass. From the prototyper to the large application developer… the Design System Starter Kit is a helpful tool to get started and run prototypes of all sizes in the browser.





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.