Lucid Design System is a modular and reusable design system, built with Web Components and optimized for React, Vue, and Angular.

• Lucid Design System - Components
  • Index
  • How to use
    • Web Components
    • Angular
    • React
    • Vue
  • Project Structure
  • Installation
  • Development
  • Contributing
  • License

Lucid DS is available as an npm package.

Lucid DS is available as an npm package.

npm:

npm install ----

yarn:

yarn add ----

Lucid DS is available as an angular npm package.

npm:

npm install ----

yarn:

yarn add ----

Lucid DS is available as an react npm package.

npm:

npm install ----

yarn:

yarn add ----

Lucid DS is available as an vue npm package.

npm:

npm install ----

yarn:

yarn add ----

The project is organized into a monorepo using Lerna and Yarn Workspaces. Here is the project structure:

/lucid-design-system
../packages
..../core
....../components
....../tokens
....../utils
..../react
....../components
..../vue
....../components
..../angular
....../components
../docs

To install all project dependencies, run:

yarn install

To start developing, navigate into the package you want to work on and start your local development environment.

For example, to start working on the core package:

cd packages/core
yarn start

The project's documentation can be found in the /docs folder.

We are always open to contributions. Please read our contribution guide for more information.

This project is licensed under the MIT Licens.