• Stars
    star
    792
  • Rank 57,492 (Top 2 %)
  • Language
  • License
    Creative Commons ...
  • Created over 6 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A collection of awesome React-based design systems

Awesome React Design Systems Awesome

"A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications."

-- Will Fanguy, A comprehensive guide to design systems

A curated list of design systems made up of reusable React components.

Contents


React Design Systems

  • Ant Design [github] - Ant Financial - A design system with values of Nature and Determinacy for better user experience of enterprise applications.
  • Atlaskit [bitbucket] - Atlassian - Atlassian's official UI library, built according to the Atlassian Design Guidelines.
  • Backpack [github] - Skyscanner - Backpack is a collection of design resources, reusable components and guidelines for creating Skyscanner products.
  • Blueprint [github] - Palantir - A React-based UI toolkit for the web
  • Canvas [github] - Hubspot - HubSpot Canvas is the design system that we at HubSpot use to build our products.
  • Carbon Design System [github] - IBM - The Carbon Design System is integrating the new IBM Design Ethos and Language.
  • cf-ui [github] - Cloudflare - A set of packages used to build UIs at Cloudflare using projects such as React.
  • Garden [github] - Zendesk Garden - our curated collection of UI goodness.
  • Grommet [github] - Hewlett Packard - Grommet provides all the guidance, components, and design resources you need to take your ideas from concept to a real application.
  • Hack Club Design System [github] - Hack Club - A collection of React components designed for speed, consistency, and best practices.
  • Lightning Design System [github] - Salesforce - A React implementation of the Lightning Design System.
  • Material UI [github] - Google - React components that implement Google's Material Design.
  • Mineral UI [github] - CA Technologies - An open-source design system created to simplify building appealing, modern software experiences.
  • MongoDB Design [github] - MongoDB - Design for mission-critical applications.
  • Pivotal UI [github] - Pivotal - A collection of React components that are styled for the Pivotal brand.
  • Plasma [github] - WeWork - A design system for building internal business tools at WeWork.
  • Pluralsight Design System [github] - Pluralsight - The UI building blocks for creating a cohesive design across Pluralsight products.
  • Polaris [github] - Shopify - Our design system helps us work together to build a great experience for all of Shopify’s merchants.
  • Priceline One [github] - Priceline - A design system focused on speed, consistency, and best practices.
  • Ring UI [github] - JetBrains - This collection of UI components aims to provide all of the necessary building blocks for web-based products built inside JetBrains.
  • Seek Style Guide [github] - Seek - Living style guide for SEEK, powered by React, webpack, CSS Modules and Less.
  • SpareBank 1's Design System [github] - SpareBank - A common language across disciplines, to ensure consistent design in our solutions.
  • Spark Design System [github] - Quicken Loans - A system of patterns and components used to create the user interface for the Quicken Loans family of Fintech products.
  • Swarm Design System [github] - Meetup - A set of UI components ready for use by designers and engineers to quickly ship new products and features.
  • Uniform - Hudl - The system includes components, visual guidelines, language and additional resources to help you build more cohesive product interfaces.

React Native Design Systems

  • React Native Elements [github] - React Native Training - Cross Platform React Native UI Toolkit.
  • NativeBase [github] - GeekyAnts - Essential cross-platform UI components for React Native & Vue Native.
  • Shoutem UI [github] - Shoutem - Shoutem UI toolkit enables you to build professionally looking React Native apps with ease.
  • Teaset [github] - rilyu - A UI library for react native.

Misc.

More Repositories

1

til

📝 Today I Learned
Vim Script
11,367
star
2

splitting-atoms

😵 a community-built, community-driven guide to hacking on the Atom editor
CSS
356
star
3

commitart

Modifying the commit history of git repositories in order to write messages in GitHub's contribution graph.
Ruby
102
star
4

captionss

Sensible CSS Image Captions
CSS
66
star
5

resources

a collection of free, online resources for various technologies, languages, and tools
52
star
6

mybin

a collection of random scripts that I have written and put on my path to save time or do cool stuff.
Python
25
star
7

dotfiles

My configuration files
Vim Script
16
star
8

gatsby-programmatic-pages

A companion repo to the Gatsby guide on programmatically creating pages from data
CSS
12
star
9

blog

my personal blog
HTML
11
star
10

reason-helpers

A collection of helper functions that have proved useful as I've explored ReasonML
OCaml
11
star
11

atom-search

Open searches for various sites in your default browser from Atom.
CoffeeScript
8
star
12

vim-bdubs

quickly delete and wipeout buffers
Vim Script
7
star
13

reading

Using GitHub's issue tracker as a reading list manager
6
star
14

hn-cli

a command-line interface for accessing HackerNews items
Python
5
star
15

tree-reason-native

List the tree structure of the current directory
OCaml
5
star
16

reason-of-life

Game of Life implemented in ReasonML
OCaml
5
star
17

js-play

Stuff written in JavaScript
JavaScript
4
star
18

ocelot

Because you're awesome!
4
star
19

snake_case

4
star
20

postgresing

PostgreSQL Scratch Pad
PLpgSQL
4
star
21

react-logical

A collection of components for reducing inline logic in your React apps
JavaScript
4
star
22

man-git

a collection of git tips, tricks, and resources
3
star
23

pg_faker

fake data for postgres databases
PLpgSQL
3
star
24

ts-react-game-of-life

Building Game of Life with TypeScript and React
TypeScript
3
star
25

esy-reasonml-lwt-example

Example of using esy and dune to build a ReasonML project using lwt
OCaml
3
star
26

vim-rails-sql-migrations

rails.vim helper for generating SQL migrations for Rails projects
Vim Script
3
star
27

vim-fourohfour

🆗 Lookup HTTP status codes without leaving Vim
Vim Script
2
star
28

hello-world-reason-native

Say Hello to the World with ReasonML compiled natively
C++
2
star
29

next-personal-site

JavaScript
2
star
30

ruby-projects

Karan's Projects implemented in Ruby
Ruby
2
star
31

rust-must-read

a collection of must-reads on the Rust programming language
2
star
32

gatsby-v2-reason-example

Example repo for using ReasonML in a Gatsby v2 project
CSS
2
star
33

jager

a class project for CSE990 that does specification-based program repair using symbolic execution
Python
2
star
34

rails-ajax-forms

adding `remote: true` to Rails forms with wild abandon
Ruby
2
star
35

ROSLaunchParser

A python script for parsing out parameter and node information from ROS launch files
Python
2
star
36

just-dotfiles

lots of stuff about dotfiles
2
star
37

minutesmaker

A script for generating LaTeX files and subsequently PDF documents for meeting minutes.
Shell
2
star
38

jekyll-boilerplate

taking care of all the boilerplate involved in setting up a new Jekyll blog
2
star
39

advent-of-code-2020

Solutions to Advent of Code 2020 problems
Ruby
2
star
40

profilex

Implementing user registration and authentication with Phoenix 1.3
Elixir
2
star
41

2016

2016
2
star
42

PuzHub

Solutions to a bunch of programming puzzles in a bunch of languages!
Python
2
star
43

now-do-this-react

Now Do This written with React.js
JavaScript
2
star
44

talks

notes, slides, resources from talks I've given
2
star
45

gistory

a series of scripts and utilities for exploring and learning about the history of git repositories
Ruby
2
star
46

react-firebase-auth-example

Firebase authentication in a SPA-style React app
JavaScript
1
star
47

flashcartas

a simple flashcard web app
JavaScript
1
star
48

gatsby-cypress-example

Example of testing Gatsby with Cypress
CSS
1
star
49

linked-list-reason-native

Implementation of a linked list data structure
OCaml
1
star
50

ecto_by_example

Examples of using Ecto
1
star
51

fizzbuzz-reason-native

The classic fizzbuzz challenge implemented in ReasonML
OCaml
1
star
52

sortr

Sorting Algorithms as a Gem
Ruby
1
star
53

read-file-reason-native

Read a file using `Unix.read`
OCaml
1
star
54

simple-sudoku-check

An inexpensive, preliminary validity check of a Sudoku solution.
JavaScript
1
star
55

hello-world

Elixir
1
star
56

postgres-performance-fkey-indexes

SQL snippets to accompany a blog post on foreign key indexes
1
star
57

sorting-reason-native

Implementations of some sorting algorithms in ReasonML
OCaml
1
star
58

scrape-rick-and-morty

A simple ReasonML native utility for scraping titles from Rick and Morty's wikipedia page
OCaml
1
star
59

test-pr-templates

A repo to test out the PR templates feature
1
star
60

git-playground

a repo for testing out all things Git
1
star
61

blog.joshbranchaud.com

Learning in public, writing it down
JavaScript
1
star
62

ios-projects-solutions

iOS solutions to many of @Karan's Projects plus many other projects and problems.
Objective-C
1
star
63

hn-sync

Using Elixir to sync data from HN to Postgres
Elixir
1
star
64

vercel-next-routing

Routes, Rewrites, and Redirects powered by Vercel
JavaScript
1
star
65

gatsby-joshbranchaud.com

My personal site served up by Gatsby
CSS
1
star
66

sidecar

Ruby
1
star
67

react-xstate-7-guis

Building the 7 GUIs Tasks with React.js and XState
JavaScript
1
star
68

advent-spiral

JavaScript
1
star
69

RPTR-paper2012

Final paper for RPTR project in CSE990-ProgramAnalysis
1
star
70

babou

a cross-platform GUI application for creating commits with ocelot annotations
Java
1
star
71

2019-bookshelf

A virtual bookshelf for the books I read in 2019
JavaScript
1
star
72

exercism-elixir

Solutions to the Exercism.io Elixir problems
Elixir
1
star
73

left-pad-reason-native

Left pad the given argument with some characters
OCaml
1
star
74

rails-bookshelf-example

A basic Rails app that demonstrates schema caching issues
Ruby
1
star
75

stream-args-reason-native

Consume the arguments given to the command with a stream
OCaml
1
star