Repository files navigation

React primitive UI components built withStyled System.https://rebassjs.org

npm i rebass

importReactfrom'react'import{Box,Heading,Button}from'rebass'exportdefaultprops=><Box><Heading>Hello</Heading><Button>Rebass</Button></Box>

• Start your design system without boiling the ocean
• Build consistent UI with design constraints and user-defined scales
• Best-in-class developer ergonomics withStyled System props
• First-class support for theming &fully compatible withTheme UI
• Quick, mobile-first responsive styles with array-based syntax
• Flexbox layout with the Box and Flex components
• Flexibility built in for high design & development velocity
• Minimal footprint at about 4KB

"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 intended to be:

• Minimal
• Useful
• Unopinionated
• Flexible
• Consistent
• Extensible
• Themeable

Do one thing, and do it well

–Unix philosophy

SeePatterns for Style Composition in Reactfor more on some of the thought behind Rebass.

• Docs
• Getting Started
• Props
• Extending
• Theming
• Reflexbox
• Text
• Heading
• Button
• Link
• Image
• Card

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

• Styled System
• Theme UI
• Emotion
• Styled Components

See theMigration Guide.

• v3.2.2 –v3 Docs
• v2.3.2 –Docs for Rebass v2
• v1.0.7

Contributing |MIT License