rebass
React UI component library & design system, built with styled-components and styled-system
Last updated 6 years ago by jxnblk .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ npm install rebass 
SYNC missed versions from official npm registry.

Rebass

React UI component library & design system, built with styled-components and styled-system.

Build Status

http://jxnblk.com/rebass

npm i rebass@next

Rebass is a library of highly-composable, primitive UI components for React, built with styled-components to keep styles isolated and reduce the need to write custom CSS in your application. Based upon a configurable design system, Rebass‘s props API makes building consistent, responsive web apps simpler and faster.

Getting Started

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

const App = props => (
  <Provider>
    <Heading>Hello</Heading>
    <Button>Rebass</Button>
  </Provider>
)

Features

  • Kickstart your own React component library
  • Responsive style props from styled-system
  • Flexbox grid with grid-styled
  • Style encapsulation with styled-components
  • Functional stateless UI components
  • Configurable theming
  • 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

Documentation

CodeSandbox

Try it out:

https://codesandbox.io/s/github/jxnblk/rebass/tree/master/examples/sandbox

Architectural Approach

Rebass is built around a component architectural approach inspired by Dan Abramov’s Presentational and Container Components, where presentational components are the only ones that encapsulate styles and contain no application logic, and container components do not contain any styles or DOM markup and handle all the application logic.

Rebass only contains presentational components, which means controlling things like progressive disclosure mechanisms or dropdown menus should be handled at a higher level in container components. Therefore, Rebass itself does not require any client-side JavaScript, is well suited to server-side rendering, and can fit into virtually any higher level application architecture.

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

Related

v1.0.7

For the previous version of Rebass see the v1.0.7 branch.


Contributing | MIT License

Current Tags

  • 2.0.0-1                                ...           alpha (7 years ago)
  • 2.2.0-0                                ...           beta (6 years ago)
  • 4.0.7                                ...           latest (5 years ago)
  • 3.0.0-12                                ...           next (6 years ago)

109 Versions

  • 4.0.7                                ...           5 years ago
  • 4.0.6                                ...           5 years ago
  • 4.0.5                                ...           5 years ago
  • 4.0.3                                ...           5 years ago
  • 4.0.2                                ...           5 years ago
  • 4.0.1                                ...           5 years ago
  • 4.0.0                                ...           5 years ago
  • 3.2.2                                ...           5 years ago
  • 3.2.1                                ...           5 years ago
  • 3.2.0                                ...           5 years ago
  • 3.1.3                                ...           5 years ago
  • 3.1.2                                ...           5 years ago
  • 3.1.1                                ...           5 years ago
  • 3.1.0                                ...           6 years ago
  • 3.0.2                                ...           6 years ago
  • 3.0.1                                ...           6 years ago
  • 3.0.0                                ...           6 years ago
  • 3.0.0-12                                ...           6 years ago
  • 3.0.0-11                                ...           6 years ago
  • 3.0.0-10                                ...           6 years ago
  • 3.0.0-9                                ...           6 years ago
  • 3.0.0-8                                ...           6 years ago
  • 3.0.0-7                                ...           6 years ago
  • 2.3.4                                ...           6 years ago
  • 3.0.0-6                                ...           6 years ago
  • 3.0.0-5                                ...           6 years ago
  • 3.0.0-4                                ...           6 years ago
  • 3.0.0-3                                ...           6 years ago
  • 3.0.0-2                                ...           6 years ago
  • 2.3.3                                ...           6 years ago
  • 3.0.0-1                                ...           6 years ago
  • 3.0.0-0                                ...           6 years ago
  • 2.3.2                                ...           6 years ago
  • 2.3.1                                ...           6 years ago
  • 2.3.0                                ...           6 years ago
  • 2.2.0                                ...           6 years ago
  • 2.1.1                                ...           6 years ago
  • 2.2.0-0                                ...           6 years ago
  • 2.1.0                                ...           6 years ago
  • 2.0.1                                ...           6 years ago
  • 2.0.0                                ...           6 years ago
  • 2.0.0-10                                ...           6 years ago
  • 2.0.0-9                                ...           6 years ago
  • 2.0.0-8                                ...           6 years ago
  • 2.0.0-7                                ...           6 years ago
  • 2.0.0-6                                ...           6 years ago
  • 2.0.0-5                                ...           6 years ago
  • 2.0.0-4                                ...           6 years ago
  • 2.0.0-3                                ...           6 years ago
  • 2.0.0-2                                ...           7 years ago
  • 2.0.0-1                                ...           7 years ago
  • 2.0.0-0                                ...           7 years ago
  • 1.0.7                                ...           7 years ago
  • 1.0.6                                ...           7 years ago
  • 1.0.5                                ...           7 years ago
  • 1.0.4                                ...           7 years ago
  • 1.0.3                                ...           7 years ago
  • 1.0.2                                ...           7 years ago
  • 1.0.1                                ...           7 years ago
  • 1.0.0                                ...           7 years ago
  • 1.0.0-8                                ...           7 years ago
  • 1.0.0-7                                ...           7 years ago
  • 1.0.0-6                                ...           7 years ago
  • 1.0.0-5                                ...           7 years ago
  • 1.0.0-4                                ...           7 years ago
  • 1.0.0-3                                ...           7 years ago
  • 1.0.0-2                                ...           7 years ago
  • 1.0.0-1                                ...           7 years ago
  • 1.0.0-0                                ...           7 years ago
  • 0.3.4                                ...           8 years ago
  • 0.4.0-beta.9                                ...           8 years ago
  • 0.4.0-beta.8                                ...           8 years ago
  • 0.4.0-beta.7                                ...           8 years ago
  • 0.4.0-beta.6                                ...           8 years ago
  • 0.4.0-beta.5                                ...           8 years ago
  • 0.4.0-beta.4                                ...           8 years ago
  • 0.4.0-beta.3                                ...           8 years ago
  • 0.4.0-beta.2                                ...           8 years ago
  • 0.4.0-beta.1                                ...           8 years ago
  • 0.3.3                                ...           8 years ago
  • 0.3.2                                ...           8 years ago
  • 0.3.1                                ...           8 years ago
  • 0.3.0                                ...           8 years ago
  • 0.2.7                                ...           8 years ago
  • 0.3.0-beta.1                                ...           8 years ago
  • 0.3.0-beta.0                                ...           8 years ago
  • 0.2.6                                ...           9 years ago
  • 0.2.5                                ...           9 years ago
  • 0.2.4                                ...           9 years ago
  • 0.2.3                                ...           9 years ago
  • 0.2.2                                ...           9 years ago
  • 0.2.1                                ...           9 years ago
  • 0.2.0                                ...           9 years ago
  • 0.2.0-beta8                                ...           9 years ago
  • 0.2.0-beta7                                ...           9 years ago
  • 0.2.0-beta6                                ...           9 years ago
  • 0.2.0-beta4                                ...           9 years ago
  • 0.2.0-beta3                                ...           9 years ago
  • 0.2.0-beta2                                ...           9 years ago
  • 0.2.0-beta1                                ...           9 years ago
  • 0.1.5                                ...           9 years ago
  • 0.1.4                                ...           9 years ago
  • 0.1.3                                ...           9 years ago
  • 0.1.2                                ...           9 years ago
  • 0.1.1                                ...           9 years ago
  • 0.1.0                                ...           9 years ago
  • 0.0.4                                ...           10 years ago
  • 0.0.3                                ...           10 years ago
  • 0.0.1                                ...           10 years ago
Maintainers (1)
Downloads
Total 0
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (5)
Dev Dependencies (16)

© 2010 - cnpmjs.org x YWFE | Home | YWFE