8 foundational UI components
Super small (~1KB)
Responsive, themeable style props
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“Why the hell are we now putting CSS in Javascript? I’m losing my mind with web developers trying to control everything in the world with client-side javascript. What a mess.”
alttabLive Demo
<Flex px={4} py={4} alignItems='center'> <Heading fontSize={[ 4, 5 ]} color='blue'> Live Demo </Heading> <Box mx='auto' /> <Button> Beep </Button> <Button ml={2}> Boop </Button> </Flex>