components - Primer React components

  •        4

Our documentation site lives at primer.style/components. 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.

https://primer.style/components
https://github.com/primer/components

Dependencies:

@babel/polyfill : 7.4.4
@primer/octicons-react : ^9.1.1
@reach/dialog : 0.2.9
@styled-system/prop-types : 5.0.5
@styled-system/theme-get : 5.0.5
@types/styled-system : 5.1.1
babel-plugin-macros : 2.4.2
classnames : ^2.2.5
nanoid : 2.0.0
primer-colors : 1.0.1
primer-markdown : 3.7.9
primer-typography : 1.0.1
react : ^16.8.0
react-bodymovin : 2.0.0
react-dom : ^16.8.1
react-is : 16.8.6
styled-system : 5.0.5

Tags
Implementation
License
Platform

   




Related Projects

primer - The design system that powers GitHub

  •    CSS

Primer is the design system that powers GitHub. Primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project. The Primer repo is managed as a monorepo that is composed of many npm packages.

css - The CSS design system that powers GitHub

  •    CSS

Primer is the CSS framework that powers GitHub's front-end design. primer includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.

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

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 react-uwp.com online to review the API, see the components in action with live. Or build the documentation to locally.


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.

react-bluekit - Automatically generating a component library from your React components (ES5, ES6, Typescript)

  •    Javascript

BlueKit automatically generates a library from your React components with editable props and live preview. Point BlueKit to folders with your React components and it will generate a library for you. You'll be able to browse through the components, tweak their props, and see the changes live. Furthermore, any changes that you make to your components' code will be reflected in the library.

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.

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.

material-components-web-react - Material Components for React (MDC React)

  •    Javascript

MDC React is a wrapper library for MDC Web. We're aiming for MDC React Components to mirror MDC Web Components. Please refer to our MDC Web Catalog to interact with the Components. This repo also serves as an example of how to use MDC Web's Foundation and Adapter classes. The following is a list of the components that are ready to be used, with corresponding links to the material.io design spec and MDC Web code.

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

  •    Javascript

This project has been moved to the Carbon monorepo. The specific package is available here. For more information about this transition, you can check out this post. All issues and pull requests for this package should be made on that repo instead.

storybook - Interactive UI component dev & test: React, React Native, Vue, Angular

  •    Javascript

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.

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.

react-mdl - React Components for Material Design Lite

  •    CSS

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

carbon-components - The component library behind Carbon Design System

  •    Javascript

The Carbon Design System is a series of individual styles and components, that when combined make beautiful, intuitive designs. These designs are systemic and logical, as they all follow the same universal principles. The component library gives developers a collection of re-usable HTML and SCSS partials for building their products.

react-primer-draft - A primer for building web applications with React.

  •    

A primer for building Single-Page Applications with React. This is a work in progress.

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 πŸ‘©‍🎀.





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.