https://github.com/brunoimbrizi/tweakpane-plugin-chromatic
Color palette viewer for Tweakpane
https://github.com/brunoimbrizi/tweakpane-plugin-chromatic
chromatic palette tweakpane tweakpane-plugin
Last synced: over 1 year ago
JSON representation
Color palette viewer for Tweakpane
- Host: GitHub
- URL: https://github.com/brunoimbrizi/tweakpane-plugin-chromatic
- Owner: brunoimbrizi
- License: mit
- Created: 2023-06-08T17:10:07.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-09T09:26:14.000Z (about 3 years ago)
- Last Synced: 2025-03-16T20:51:17.607Z (over 1 year ago)
- Topics: chromatic, palette, tweakpane, tweakpane-plugin
- Language: JavaScript
- Homepage:
- Size: 12.7 KB
- Stars: 23
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Tweakpane plugin chromatic
Color palette viewer for [Tweakpane][tweakpane].
## Demo
[Plugin demo on StackBlitz](https://stackblitz.com/edit/js-rkko7x)
## Installation
### Browser
```html
const pane = new Tweakpane.Pane();
pane.registerPlugin(TweakpaneChromaticPlugin);
```
### Package
```js
import {Pane} from 'tweakpane';
import * as ChromaticPlugin from 'tweakpane-plugin-chromatic';
const pane = new Pane();
pane.registerPlugin(ChromaticPlugin);
```
## Usage
```js
pane.addBlade({
view: 'chromatic',
label: 'palette',
colors: ['red', 'blue', 'green']
});
```
[tweakpane]: https://github.com/cocopon/tweakpane/