Rebass

⚛️ React primitive UI components built with styled-system.
Alternatives To Rebass
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Docz23,2776861,3408 months ago275February 11, 2022103mitTypeScript
✍ It has never been so easy to document your things!
Semantic Ui React13,0638,4651,1295 days ago153May 31, 2022193mitJavaScript
The official Semantic-UI-React integration
React Toolbox8,7051,310132a year ago66June 02, 2018267mitJavaScript
A set of React components implementing Google's Material Design specification with the power of CSS Modules
Rebass7,8907442824 months ago109October 28, 201996mitJavaScript
:atom_symbol: React primitive UI components built with styled-system.
Nextra7,606188 hours ago109September 17, 2022185mitTypeScript
Simple, powerful and flexible site generation framework with everything you love from Next.js.
Semi Design7,016919 hours ago135September 23, 2022156otherTypeScript
🚀A modern, comprehensive, flexible design system and React UI library. 🎨 Provide more than 2,739+ Design Tokens and powerful DSM tools, easy to build your own design system. Make Semi Design to Any Design
React Quill5,6237774484 months ago49August 03, 2022293mitJavaScript
A Quill component for React.
Theme Ui5,0083318387 days ago460September 18, 202261mitTypeScript
Build consistent, themeable React apps based on constraint-based design principles
Next4,388657,0773 days ago450September 20, 2022640mitJavaScript
🦍 A configurable component library for web built on React.
Playroom4,29611472 months ago87April 26, 202247mitTypeScript
Design with JSX, powered by your own component library.
Alternatives To Rebass
Select To Compare


Alternative Project Comparisons
Readme

Rebass

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

Build Status Coverage Downloads Version MIT License

npm i rebass

Getting Started

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

export default props =>
  <Box>
    <Heading>Hello</Heading>
    <Button>Rebass</Button>
  </Box>

Features

  • Start your design system without boiling the ocean
  • Build consistent UI with design constraints and user-defined scales
  • Best-in-class developer ergonomics with Styled System props
  • First-class support for theming & fully compatible with Theme 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

Principles

Rebass is intended to be:

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

Do one thing, and do it well

Unix philosophy

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

Documentation

CodeSandbox

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

Related

Upgrading from v3

See the Migration Guide.

Previous Versions


Contributing | MIT License

Popular Reactjs Projects
Popular Theme Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Reactjs
Css
Theme
Layout
Grid
React Components
Styled Components
Emotion
Design System