⚛️ React primitive UI components built with styled-system.
Jackson, Brent Jackson, Brent
Jackson, Brent and Jackson, Brent 3.0.0-8
Latest commit 7137abd Sep 14, 2018



React primitive UI components built with styled-system. https://rebassjs.org

Build Status Coverage Downloads Version MIT License

npm i rebass@next

Getting Started

import React from 'react'
import { Box, Heading, Button } from 'rebass'

export default props =>

To use Rebass with emotion, import from rebass/emotion:

import { Box } from 'rebass/emotion'


  • 8 core UI components to serve as the basis for design systems
  • Super small (~1KB)
  • Responsive, themeable style props from styled-system
  • Flexbox grid with the Box and Flex components
  • Support for styled-components & emotion
  • Extensible base components
  • Design-system based consistency
  • Built for responsive web design

"One of the best React component libs out there" – Max Stoiber

"Rebass is the Bootstrap of React." – Jori Lallo

"A whopper component library built on styled-components. Responsive, systematic, scalable...the business!" – Colm Tuite


Rebass is built with the following principles in mind.

  • Minimal
  • Useful
  • Unopinionated
  • Flexible
  • Consistent
  • Extensible
  • Themeable
  • Do one thing well

See Patterns for Style Composition in React for more on some of the thought behind Rebass.



Try it out: https://codesandbox.io/s/github/rebassjs/rebass/tree/master/examples/sandbox-v3


Previous Versions

Contributing | MIT License