Discover jxnblk/redeck Open Source project by Brent Jackson (@jxnblk)

11,314

This could take a while

Color combination contrast tester

3,531

colorable

Moved to https://rebassjs.org

1,958

reflexbox

Performant, fully fluid headings

1,354

fitter-happier-text

React component to PNG converter

1,291

repng

🌈 Automatic UI Color Palette Generator

890

palx

Open Source Icons for the Web

838

geomicons-open

832

ok-mdx

Browser-based MDX editor

⚛️ React Application Manager: create and run React (and other) applications – no command line or build setup required

761

ram

React CSS Layout Debugger

585

react-x-ray

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

571

macro-components

Create custom SoundCloud players with HTML & CSS

485

plangular

shade

mdx-docs

📝 Document and develop React components with MDX and Next.js

Build and edit SVGs in the browser

451

paths

React UI components powered by Tachyons with a styled-components like API

418

tachyons-components

⚡ Lightning fast MDX-based dev server for progressive documentation

411

mdx-go

362

microicon

SVG icon microservice

Zero-configuration CLI React static renderer

359

static-react

React SVG line icon components

350

reline

React layout component based on CSS Grid Layout and built with styled-components

247

react-css-grid

🎧 Simple React functional setState

241

refunk

hello-color

gravitons

layouts

Grab-and-go layouts for React

🅰️ Image microservice for color contrast information

215

contrast-swatch

Stupid simple style components for React

209

axs

React grid system based on minimum and maximum widths

209

rgx

Fast & simple React component styles in under 1kb

202

nano-component

mdx-blocks

vhs

Post-Future CSS Animations

184

papercraft

Hand-coded SVG lettering

Personal blog on design & development

153

blog

Generate development-ready theme JSON files from Figma Styles

146

figma-theme

Building SVG Icons with React

137

react-icons

https://github.com/jxnblk/styled-system/tree/master/system-components

134

system-components

A HyperMinimal Jekyll Theme

131

Heather

React Material Design Icons – built with Pixo, Styled Components, and Styled System

129

rmdi

geomicons-wired

react-static-site-boilerplate

Demo boilerplate for generating a static site with React

React context-based, conditional rendering components for A/B experiments

115

rebranch

A Readable & Responsive Theme for Tumblr

107

Ashley

Pure JSX templates for rendering static HTML

106

ejsx

DEPRECATED: See https://rebassjs.org/reflexbox instead

105

superbox

💫 Convert markdown to live React demos

102

live-doc

gatsby-themes

Twipster

css-to-object

dropbar

react-geomicons

React icon component for Geomicons Open

React functional CSS-in-JS

nano-style

😱 React HTML elements with CSS-in-JS

horror

A Radically Simpler & Faster SoundCloud Player

SoundRad

rebass-recomposed

Spectral

skullcat

_gx

DEPRECATED Minimal responsive React grid system based on the Fab Four Technique.

vim-mdx-js

stepkit

bumpkit

rrx

⚛️ Minimal React router using higher order components

type-system

Functional style utilities for authoring JavaScript style objects

understyle

gatsby-theme-mdx-blog

Beats Created in Under an Hour

microbeats

Generative hyperterm color theme

hypercolors

ϟ Alternative React.createElement function which allows style objects to be passed to the className prop to generate CSS

react-cxs

CSS calculator for bulletproof form and button styles that always line up

formula

🍬 Syntactic sugar for React.createElement and JSX alternative

reaxe

tempo

Responsive Grid System

A lightweight styled-components clone for creating React UI component primitives.

diet-cola

Hyperterm theme for cybernetic organisms

hyperterminator

React component for fully fluid headings

react-fitter-happier-text

Convert CSS syntax to SCSS with calc, variables, and custom media queries

css-scss

🦉 React layout component based on the lobotomized owl selector and built with styled-components

react-owl

Higher-order React component for adding style helper props based on understyle

robox

monochrome

ϟ Functional UI component microlibrary with ES6 tagged template literals

hyp

superstyle

CSSOM-JS utility library

universal-components

scrs

hidden-styled

grays

colorable-app

Color constrast checker

My principles of web design

principles

object-style

Uses propTypes to create an array of React component props to display various permutations.

react-component-permutations

React HOC to set an element's tag and remove props

tag-hoc

Styled UI component primitives for React - built with cxs

cxs-components

Sass mixin for Ken Burns effect background images

kenburns

json-react

React higher-order component (HOC) to provide context for the currently matched media query.

react-media-context

In case you forget what time it is

watch

react-simple-icons

SVG path element command parser/stringifier

path-ast