Getting Started

Developers

The OONI design system is based on selection of carefully tunedReact.js components.

If you want to start using the components inside of your design all you need to do is run:

npm install --save ooni-components

To use the ooni theme you will need to wrap the root of your application with the <Provider /> by applying the OONI theme like this:

import {
  Provider,
  Heading,
  theme
} from 'ooni-components'

const App = props => (
  <Provider theme={theme}>
    <Heading>Hello world!</Heading>
  </Provider>
)

Designers

If you are designer you can download the OONI Design Kit for Sketch hereor for Adobe Experience Design here.

Technological stack

Standing on the shoulders of giants

These are some of the awesome libraries we use:

• Rebass

• Styled Components

• Styled System

• Grid Styled

• Victory