A UI component library from AppNexus

A UI component library from AppNexus

A UI component library from AppNexus.

Lucid Build Status codecov Stories in Ready

A UI component library from AppNexus.


Lucid can be installed with npm

npm install --save lucid-ui

or yarn

yarn add lucid-ui


import React from 'react';
import ReactDOM from 'react-dom';
import Button from 'lucid-ui/Button';
// `import { Button } from 'lucid-ui'` also works but will result in larger bundle sizes

  <Button>Hello World</Button>,

Lucid uses less for its stylesheets. If you use less, you can include the styles like so:

@import "node_modules/lucid-ui/src/index.less";

If you don't use less, you can use the precompiled css file node_modules/lucid-ui/dist/index.css.


lucid-ui has several React peer dependencies. This means your application is responsible for declaring dependencies on compatible versions. Currently we support React 15 and 16.

Example package.json:

  "dependencies": {
    "lucid-ui": "^2.0.0",
    "react": "^16.0.0",
    "react-dom": "^16.0.0",

To contribute to lucid, please see CONTRIBUTING.md.


  • BrowserStack for providing cross-browser testing infrastructure.
  • Travis CI for providing continuous integration infrastructure.
  • CodeCov for providing code coverage analysis infrastructure.

Github Repository

Tags: #React #UI