lab-cli - Command line utilities and exporting module for Compositor Lab

  •        3

Lab projects can be published in a way that allows them to be installed and imported into other Lab projects from the app. The Node API is used by the Lab app to export lab components to React and other formats.


@compositor/get-jsx-props : 0.0.4
babel-core : ^6.26.0
babel-preset-env : ^1.6.1
babel-preset-react : ^6.24.1
babel-preset-stage-0 : ^6.24.1
chalk : ^2.1.0
chokidar : ^1.7.0
find-up : ^2.1.0
indent : 0.0.2
lodash.flatten : ^4.4.0
lodash.uniq : ^4.5.0
meow : ^3.7.0
ora : ^1.3.0
prettier : ^1.7.4
react : ^16.0.0
stringify-object : ^3.2.1
update-notifier : ^2.2.0
write-file-atomic : ^2.3.0



Related Projects

rebass - :atom_symbol: React UI component library & design system, built with styled-components and styled-system

  •    Javascript

React UI component library & design system, built with styled-system, with support for styled-components & emotion. Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

design-system - Design System

  •    Javascript

If you'd like to contribute to the design system, we'd love to have your help. If you work at, 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.

glamorous - ๐Ÿ’„ Maintainable CSS with React

  •    Javascript

With the release of glamorous-primitives, now you can use glamorous with react-sketchapp to manage design systems and use React components for designs.You can find documentation and related examples here.

grid-styled - Responsive React grid system built with styled-system

  •    Javascript

The Box component handles width, margin and padding. All grid-styled components use styled-system for style props, which pick up values from a theme and allow for responsive styles to be passed as array values.

design-system-components - ๐Ÿ›  Component code and tests for the Australian Government design system

  •    HTML

The components for the Australian Government Design System. The design system components are distributed through the npm ecosystem and can only be installed through the npm command. Npm requires node.js and the components needs node.js 8 or higher.

carbon - A design system built by IBM

  •    Javascript

Carbon is an open-source design system built by IBM. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors. If you're just getting started, check out carbon-components. If you're looking for React components, take a look at carbon-components-react.

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.

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.

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.

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.

styled-tools - Useful interpolated functions for CSS-in-JS

  •    Javascript

Useful interpolated functions for styled-components ๐Ÿ’…, emotion ๐Ÿ‘ฉ‍๐ŸŽค, JSS and other CSS-in-JS libraries. Same as prop, except that it returns props.theme[path] instead of props[path].

smooth-ui - Modern React UI library ๐Ÿ’…๐Ÿ‘ฉ‍๐ŸŽค๐Ÿญ

  •    Javascript

Modern React UI library. Code less, do more. Smooth UI is a style system / UI library for React. It works with Styled Components ๐Ÿ’… or Emotion ๐Ÿ‘ฉ‍๐ŸŽค.

react-uwp - ๐Ÿ“ฑโŒจ๏ธ React Components that Implement Microsoft's UWP Design & Fluent Design.

  •    TypeScript

React Components that Implement Microsoft's UWP Design & Fluent Design System. Visit online to review the API, see the components in action with live. Or build the documentation to locally.

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.

glamorous-native - React Native component styling solved๐Ÿ’„

  •    Javascript

glamorous for React Native. React component styling solved with an elegant (inspired) API, small footprint, and great performance. For full feature documentation, see the glamorous docs. In React Native, we write styles within our JS, but you don't like having to create entire component functions just for styling purposes. You don't want to give a name to something that's purely style-related. And it's kind of annoying to do the StyleSheet.create, conditionals, and props-forwarding song and dance.

components - Primer React components

  •    Javascript

Our documentation site lives at You'll be able to find the information listed in this README as well as detailed docs for each component, our theme, and system props. Primer Components come with all the necessary CSS built-in, so you don't need to worry about including Primer CSS.

carbon-components-react - React components for the Carbon Design System

  •    Javascript

A collection of Carbon Components implemented using React. View available React Components here. Usage information is available when you click the blue ? icon in the top right corner of the selected component.