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.

react-firebase-starter - Boilerplate (seed) project for creating web apps with React

•    Javascript

React Firebase Starter (RFS) is a popular project template (aka boilerplate) for creating single-page applications with React, Firebase and GraphQL.This project was bootstraped with React Firebase Starter by Kriasoft (get support on Telegram).

majestic - ⚡ Zero config UI for Jest

•    TypeScript

Majestic is an electron app that provides a UI for running tests with Jest. Jest CLI itself provides one of the best testing experiences available today. But Majestic humbly tries to expand upon it by providing a rich UI to be used during the dev/test loop.Ok, I lied partially about the zero config part.

ran - :zap: RAN! React

•    Javascript

:zap: RAN! React . GraphQL . Next.js Toolkit :zap: - SEO-Ready, Production-Ready, SSR, Hot-Reload, CSS-in-JS, Caching, CLI commands and more...

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.

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.

styled-system - Design system utilities for styled-components and other css-in-js libraries

•    Javascript

Design system utilities for styled-components, glamorous, and other css-in-js libraries

waveforms - An interactive, explorable explanation about the peculiar magic of sound waves.

•    Javascript

This interactive guide introduces and explores waveforms. It covers how to read waveform graphs, goes over the fundamental physics of sound, teaches how it relates to music and harmony, and demonstrates how to build complex tones from simple ones. This guide is aimed at a general audience–no prior knowledge is required.

awesome-styled-components - A curated list of awesome styled-components resources 💅

Please read the contribution guidelines before contributing. Contributions welcome and suggestions! Read the contribution guidelines first.

polished - A lightweight toolset for writing styles in JavaScript ✨

•    Javascript

When ✨ polished modules are imported properly, tree shaking in webpack and Rollup can be leveraged to reduce your bundle size. ✨ polished has first-class Flow support with zero configuration to assist you in finding type errors while using our modules.

styled-components - Visual primitives for the component age

•    Javascript

If you are looking for styled-components v4.0 (under active development), check out the roadmap and dev branch. styled-components is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the documentation about React Native for more information.

arc - React starter kit based on Atomic Design

•    Javascript

ARc (Atomic React) is a React starter kit based on the Atomic Design methodology. It's progressive, which means that you can start with the basic boilerplate and try the other features when you are comfortable. If you find this useful, please don't forget to star ⭐️ the repo, as this will help to promote the project. Follow me on Twitter and GitHub to keep updated about this project and others.

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 👩‍🎤.

Spectrum - Simple, powerful online communities

•    Javascript

Spectrum aims to be the best platform to build any kind of community online by combining the best of web 2.0 forums and real-time chat apps. With best-in-class moderation tooling, a single platform for all your communities, threaded conversations by default, community health monitoring (and much more to come), we think that we will be able to help more people start and grow the best online communities.

reactql - Universal React+GraphQL starter kit: React 16, Apollo 2, Webpack 4, Styled Components 4, React Router 4, PostCSS, SSR

•    TypeScript

Universal front-end React + GraphQL starter kit, written in Typescript. Hot code reloading. Make a change anywhere in your code base (outside of the Webpack config), and changes will be pushed down the browser automatically - without page reloads. This happens for React, Styled Components, SASS - pretty much anything.

styled-theming - Create themes for your app using styled-components

•    Javascript

<ThemeProvider> is part of styled-components, but is required for styled-theming. Most of your theming will be done with this function.

language-babel - ES2017, flow, React JSX and GraphQL grammar and transpilation for ATOM

•    CoffeeScript

Language grammar for all versions of JavaScript including ES2016 and ESNext, JSX syntax as used by Facebook React, Atom's etch and others, as well as optional typed JavaScript using Facebook flow. This package also supports highlighting of GraphQL language constructs when inside certain JavaScript template strings. For .graphql and .gql file support please see language-graphql . The colour of syntax is determined by the theme in use. By default the language-babel package will detect file types .js,.babel,.jsx, .es, .es6, .mjs and .flow. Use the standard ATOM interface to enable it for other file types. This provides a grammar that scopes the file in order to colour the text in a meaningful way. If other JavaScript grammars are enabled these may take precedence over language-babel. Look at the bottom right status bar indicator to determine the language grammar of a file being edited. language-babel will be shown as either Babel or Babel ES6 JavaScript. Clicking the name will allow the grammar for a file to be changed.

macro-components - Create flexible layout and composite UI components without the need to define arbitrary custom props

•    Javascript

Create flexible layout and composite UI components without the need to define arbitrary custom props. Note: Macro components are intended to only work with specific child components. If you're wanting to define slots, see the Alternatives section below.

babel-plugin-styled-components - Improve the debugging experience and add server-side rendering support to styled-components

•    Javascript

Licensed under the MIT License, Copyright © 2016-present Vladimir Danchenkov and Maximilian Stoiber. See LICENSE.md for more information.

css-to-react-native - Convert CSS text to a React Native stylesheet object

•    Javascript

Converts CSS text to a React Native stylesheet object. Converts all number-like values to numbers, and string-like to strings.