Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including optimizely-oui with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-dom/package.json"); // react-dom is a peer dependency. var optimizelyOui = require("optimizely-oui")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

optimizely-oui v40.13.3

Optimizely's Component Library.

OUI Component Library

A custom CSS framework and React component library that powers the Optimizely user interface.

Build Status codecov

🔗 Links

📦 Install

git clone
yarn install
yarn storybook

💪 Contribute

Read how to contribute to OUI for instructions on making pull requests.

⚡️ React

To use an OUI component inside your React app:

import React from 'react';
import { Button } from 'optimizely-oui';
return ( <Button size="tiny">Click Me</Button> );

💅 Sass

To use OUI Sass variables and mixins in your project read how to use OUI sass.


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free