https://github.com/maritzstl/chameleon
Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System
https://github.com/maritzstl/chameleon
design-system lit-element lit-html webcomponents
Last synced: 14 days ago
JSON representation
Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System
- Host: GitHub
- URL: https://github.com/maritzstl/chameleon
- Owner: MaritzSTL
- License: mit
- Created: 2019-07-09T22:05:28.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-06T19:53:38.000Z (over 2 years ago)
- Last Synced: 2025-04-12T02:24:52.589Z (14 days ago)
- Topics: design-system, lit-element, lit-html, webcomponents
- Language: JavaScript
- Homepage: https://chameleon-design-system.netlify.app
- Size: 11.3 MB
- Stars: 27
- Watchers: 9
- Forks: 7
- Open Issues: 53
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://app.netlify.com/sites/chameleon-design-system/deploys)
[](https://circleci.com/gh/MaritzSTL/chameleon/tree/master)
[](https://codecov.io/gh/MaritzSTL/chameleon)
# Chameleon Web Components
```js script
export default {
title: "Intro|Chameleon Web Components",
options: { selectedPanel: "storybookjs/docs/panel" },
};
```
Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System.
## Prerequisites
The Chameleon project relies on some awesome tools in order to work properly. You'll want to have the following installed:
- [Node.js](https://nodejs.org) - JavaScript runtime built on Chrome's V8 JavaScript Engine (this project uses v12.7.0)
- [Git](https://git-scm.com/downloads) - Version control software for cloning this repository
- [NVM (Node Version Manager)](https://github.com/nvm-sh/nvm) - A bash script to manage multiple active node.js versions
- [Yarn](https://yarnpkg.com/lang/en/) - Package manager used for Yarn workspaces
## Setup
**Note:** Please ensure you have all the prerequisite software installed before running any of these commands!
To setup Chameleon for development, run the following in your folder of choice:
```bash
git clone [email protected]:MaritzSTL/chameleon.git && cd chameleon && nvm use && yarn setup
```
Chameleon uses storybook for development, so when you're ready to get going just run:
```bash
yarn dev
```
To build each element and package for distribution, run:
```bash
yarn build
```
If something looks wrong or you need to refresh your dependencies for whatever reason you can run:
```bash
yarn clean
```