{"_id":"@arijs/tweakpane","_rev":"3-dd82679bb3f8294139d9ac1b226cbae3","name":"@arijs/tweakpane","dist-tags":{"latest":"4.0.6-fix.1"},"versions":{"4.0.5":{"name":"@arijs/tweakpane","version":"4.0.5","author":{"name":"cocopon, rhengles"},"license":"MIT","_id":"@arijs/tweakpane@4.0.5","maintainers":[{"name":"arijs","email":"arijs@arijs.org"}],"homepage":"https://tweakpane.github.io/docs/","bugs":{"url":"https://github.com/arijs/tweakpane/issues"},"dist":{"shasum":"dfd5e79b9dfdedba0bce86b478f1ebde55eb6608","tarball":"https://registry.npmjs.org/@arijs/tweakpane/-/tweakpane-4.0.5.tgz","fileCount":35,"integrity":"sha512-Yh2+RJoMRxDd2dGxfIHQq4CfvfYEWInTvjfBV0eU1I5hds9kDNeJ4KtziSKGjTm6XgH/WDxjYNL4xYNS8doYiQ==","signatures":[{"sig":"MEYCIQDr1RfTHtw6s0Xu+RuuZOeIz2oAAccGIbToQ1PceEyKmwIhALGYI6SNSHzHWnEyyOlsbJRzOQZNdPig9FXNfQ64kJpC","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":447315},"main":"dist/tweakpane.js","type":"module","types":"dist/types/index.d.ts","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/tweakpane.js"},"./package.json":"./package.json"},"funding":"https://github.com/sponsors/rhengles","gitHead":"a6aa6594670b85ae95a83cc2a854ad9786139e8e","scripts":{"lint":"run-p doc:lint main:lint","test":"run-s doc:test main:test","build":"run-s main:build doc:build","clean":"rimraf .nyc_output dist docs test tweakpane.tgz tweakpane-*.tgz tweakpane-*.zip test-module/node_modules","start":"npm-run-all main:build:dev doc:build --parallel main:watch doc:watch doc:server","assets":"npm-run-all clean main:build --serial assets:dist assets:version assets:zip","format":"run-p main:format doc:format","prepack":"run-s clean main:prepare","coverage":"nyc --reporter=none --extension \".ts\" --exclude \"**/*-test.ts\" npm run main:test:ts:dynamic","doc:lint":"run-p doc:test:scss doc:test:ts","doc:test":"run-p doc:test:*","doc:build":"run-p doc:build:*","doc:watch":"run-p doc:watch:*","main:lint":"run-p main:test:scss main:test:ts:static","main:test":"run-s main:test:scss main:test:ts","assets:zip":"zip -x \"*types*\" -j -r tweakpane-$(cat package.json | npx json version).zip dist","doc:format":"run-p doc:format:*","doc:server":"http-server -c-1 ./docs","main:build":"run-p main:build:*","main:watch":"run-p main:watch:*","assets:dist":"mkdirp dist && cp docs/assets/tweakpane*.js dist && cp ../../README.md .","doc:test:ts":"run-s doc:test:ts:*","main:format":"run-p main:format:*","doc:build:ts":"rollup --config rollup-doc.config.js","doc:watch:ts":"onchange --initial --kill \"src/doc/ts/**/*.ts\" -- npm run doc:build:ts","main:prepare":"run-s main:build assets:dist","main:test:ts":"run-s main:test:ts:static main:test:ts:dynamic main:test:ts:module","doc:build:img":"mkdirp docs/assets && cp -r src/doc/img/* docs/assets","doc:format:ts":"eslint --ext .ts --fix \"src/doc/ts/**/*.ts\"","doc:test:scss":"prettier --parser scss --list-different \"src/doc/sass/**/*.scss\"","main:watch:ts":"onchange --initial --kill --delay 1000 \"src/main/ts/**/*.ts\" \"../core/dist/**/*\" -- npm run main:build:dev","assets:version":"node scripts/assets-version.js","doc:build:html":"node scripts/doc-build-html.js","doc:build:refs":"typedoc --options ../../typedoc.json","doc:build:scss":"mkdirp docs/assets && sass src/doc/sass/bundle.scss | postcss --config postcss.config.js > docs/assets/bundle.css","doc:watch:html":"onchange --initial --kill \"src/doc/template/**/*.html\" -- npm run doc:build:html","doc:watch:scss":"onchange --initial --kill \"src/doc/sass/**/*.scss\" -- npm run doc:build:scss","main:build:dev":"rollup --config rollup.config.js","main:build:dts":"tsc --project src/main/tsconfig-dts.json","main:format:ts":"eslint --ext .ts --fix \"src/main/ts/**/*.ts\"","main:test:scss":"prettier --parser scss --list-different \"src/main/sass/**/*.scss\"","prepublishOnly":"npm test","doc:format:scss":"prettier --parser scss --write \"src/doc/sass/**/*.scss\"","main:build:prod":"rollup --config rollup.config.js --environment BUILD:production","main:watch:scss":"onchange --initial --kill \"src/main/sass/**/*.scss\" \"../core/lib/sass/**/*.scss\" -- npm run main:build:dev","main:format:scss":"prettier --parser scss --write \"src/main/sass/**/*.scss\"","doc:test:ts:static":"eslint --ext .ts \"src/doc/ts/**/*.ts\"","doc:test:ts:dynamic":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/doc/ts/**/*-test.ts\"","main:test:ts:module":"npm pack && (cd ../core && npm pack) && node scripts/main-test-ts-module-pre.js && (cd test-module && rimraf ./node_modules/tweakpane && npm install && npm test)","main:test:ts:static":"eslint --ext .ts \"src/main/ts/**/*.ts\"","main:test:ts:dynamic":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/main/ts/**/*-test.ts\"","main:test:ts:dynamic:inspect":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/main/ts/**/*-test.ts\" --inspect-brk"},"_npmUser":{"name":"arijs","email":"arijs@arijs.org"},"prettier":"../../.prettierrc.json","repository":{"url":"git+https://github.com/arijs/tweakpane.git","type":"git"},"_npmVersion":"11.6.1","description":"A compact pane for fine-tuning parameters and monitoring value changes","directories":{},"_nodeVersion":"24.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^11.0.3","json":"^11.0.0","rollup":"^4.52.5","dat.gui":"^0.7.9","postcss":"^8.5.6","typedoc":"^0.28.14","fs-extra":"^11.3.2","nunjucks":"^3.2.4","http-server":"^14.1.1","postcss-cli":"^11.0.1","@types/dat.gui":"^0.7.13","@tweakpane/core":"../core","@rollup/plugin-alias":"^6.0.0","@rollup/plugin-terser":"^0.4.4","rollup-plugin-cleanup":"^3.2.1","@rollup/plugin-replace":"^6.0.3","@rollup/plugin-typescript":"^12.3.0","@rollup/plugin-node-resolve":"^16.0.3","typedoc-plugin-missing-exports":"^4.1.2"},"_npmOperationalInternal":{"tmp":"tmp/tweakpane_4.0.5_1761855884870_0.9596611281104912","host":"s3://npm-registry-packages-npm-production"}},"4.0.5-fix.1":{"name":"@arijs/tweakpane","version":"4.0.5-fix.1","author":{"name":"cocopon, rhengles"},"license":"MIT","_id":"@arijs/tweakpane@4.0.5-fix.1","maintainers":[{"name":"arijs","email":"arijs@arijs.org"}],"homepage":"https://tweakpane.github.io/docs/","bugs":{"url":"https://github.com/arijs/tweakpane/issues"},"dist":{"shasum":"85d958a386a8955dc69f8a5131b3c5b8b9d13115","tarball":"https://registry.npmjs.org/@arijs/tweakpane/-/tweakpane-4.0.5-fix.1.tgz","fileCount":35,"integrity":"sha512-iPO+zbQnTOAUcKt93xu8dFFCuZchiFdQW+NEE9kp7p4LGsnkfLE6qcLtPaV4jUex5OC3kSf30ZqowJ65mAhXqA==","signatures":[{"sig":"MEQCIGtPbFc1cQba1bTiC1i3KZlGGRejQ2lvE6EyRWD3ufRoAiAAqLzPXWn7evYAzptQOPZG5fDtkcdUgf1eoHCwhrV8JA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":447465},"main":"dist/tweakpane.js","type":"module","types":"dist/types/index.d.ts","exports":{".":{"types":"./dist/types/index.d.ts","import":"./dist/tweakpane.js"},"./package.json":"./package.json"},"funding":"https://github.com/sponsors/rhengles","gitHead":"0d2e4dc03e67300e90bcadd6a5a51c8d03a84cfe","scripts":{"lint":"run-p doc:lint main:lint","test":"run-s doc:test main:test","build":"run-s main:build doc:build","clean":"rimraf .nyc_output dist docs test tweakpane.tgz tweakpane-*.tgz tweakpane-*.zip test-module/node_modules","start":"npm-run-all main:build:dev doc:build --parallel main:watch doc:watch doc:server","assets":"npm-run-all clean main:build --serial assets:dist assets:version assets:zip","format":"run-p main:format doc:format","prepack":"run-s clean main:prepare","coverage":"nyc --reporter=none --extension \".ts\" --exclude \"**/*-test.ts\" npm run main:test:ts:dynamic","doc:lint":"run-p doc:test:scss doc:test:ts","doc:test":"run-p doc:test:*","doc:build":"run-p doc:build:*","doc:watch":"run-p doc:watch:*","main:lint":"run-p main:test:scss main:test:ts:static","main:test":"run-s main:test:scss main:test:ts","assets:zip":"zip -x \"*types*\" -j -r tweakpane-$(cat package.json | npx json version).zip dist","doc:format":"run-p doc:format:*","doc:server":"http-server -c-1 ./docs","main:build":"run-p main:build:*","main:watch":"run-p main:watch:*","assets:dist":"mkdirp dist && cp docs/assets/tweakpane*.js dist && cp ../../README.md .","doc:test:ts":"run-s doc:test:ts:*","main:format":"run-p main:format:*","doc:build:ts":"rollup --config rollup-doc.config.js","doc:watch:ts":"onchange --initial --kill \"src/doc/ts/**/*.ts\" -- npm run doc:build:ts","main:prepare":"run-s main:build assets:dist","main:test:ts":"run-s main:test:ts:static main:test:ts:dynamic main:test:ts:module","doc:build:img":"mkdirp docs/assets && cp -r src/doc/img/* docs/assets","doc:format:ts":"eslint --ext .ts --fix \"src/doc/ts/**/*.ts\"","doc:test:scss":"prettier --parser scss --list-different \"src/doc/sass/**/*.scss\"","main:watch:ts":"onchange --initial --kill --delay 1000 \"src/main/ts/**/*.ts\" \"../core/dist/**/*\" -- npm run main:build:dev","assets:version":"node scripts/assets-version.js","doc:build:html":"node scripts/doc-build-html.js","doc:build:refs":"typedoc --options ../../typedoc.json","doc:build:scss":"mkdirp docs/assets && sass src/doc/sass/bundle.scss | postcss --config postcss.config.js > docs/assets/bundle.css","doc:watch:html":"onchange --initial --kill \"src/doc/template/**/*.html\" -- npm run doc:build:html","doc:watch:scss":"onchange --initial --kill \"src/doc/sass/**/*.scss\" -- npm run doc:build:scss","main:build:dev":"rollup --config rollup.config.js","main:build:dts":"tsc --project src/main/tsconfig-dts.json","main:format:ts":"eslint --ext .ts --fix \"src/main/ts/**/*.ts\"","main:test:scss":"prettier --parser scss --list-different \"src/main/sass/**/*.scss\"","prepublishOnly":"npm test","doc:format:scss":"prettier --parser scss --write \"src/doc/sass/**/*.scss\"","main:build:prod":"rollup --config rollup.config.js --environment BUILD:production","main:watch:scss":"onchange --initial --kill \"src/main/sass/**/*.scss\" \"../core/lib/sass/**/*.scss\" -- npm run main:build:dev","main:format:scss":"prettier --parser scss --write \"src/main/sass/**/*.scss\"","doc:test:ts:static":"eslint --ext .ts \"src/doc/ts/**/*.ts\"","doc:test:ts:dynamic":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/doc/ts/**/*-test.ts\"","main:test:ts:module":"npm pack && (cd ../core && npm pack) && node scripts/main-test-ts-module-pre.js && (cd test-module && rimraf ./node_modules/tweakpane && npm install && npm test)","main:test:ts:static":"eslint --ext .ts \"src/main/ts/**/*.ts\"","main:test:ts:dynamic":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/main/ts/**/*-test.ts\"","main:test:ts:dynamic:inspect":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/main/ts/**/*-test.ts\" --inspect-brk"},"_npmUser":{"name":"arijs","email":"arijs@arijs.org"},"prettier":"../../.prettierrc.json","repository":{"url":"git+https://github.com/arijs/tweakpane.git","type":"git"},"_npmVersion":"11.6.1","description":"A compact pane for fine-tuning parameters and monitoring value changes","directories":{},"_nodeVersion":"24.11.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"glob":"^11.0.3","json":"^11.0.0","rollup":"^4.52.5","dat.gui":"^0.7.9","postcss":"^8.5.6","typedoc":"^0.28.14","fs-extra":"^11.3.2","nunjucks":"^3.2.4","http-server":"^14.1.1","postcss-cli":"^11.0.1","@types/dat.gui":"^0.7.13","@rollup/plugin-alias":"^6.0.0","@arijs/tweakpane-core":"../core","@rollup/plugin-terser":"^0.4.4","rollup-plugin-cleanup":"^3.2.1","@rollup/plugin-replace":"^6.0.3","@rollup/plugin-typescript":"^12.3.0","@rollup/plugin-node-resolve":"^16.0.3","typedoc-plugin-missing-exports":"^4.1.2"},"_npmOperationalInternal":{"tmp":"tmp/tweakpane_4.0.5-fix.1_1762022280712_0.326988538158415","host":"s3://npm-registry-packages-npm-production"}},"4.0.6-fix.1":{"name":"@arijs/tweakpane","version":"4.0.6-fix.1","description":"A compact pane for fine-tuning parameters and monitoring value changes","author":{"name":"cocopon, rhengles"},"license":"MIT","homepage":"https://tweakpane.github.io/docs/","main":"dist/tweakpane.js","type":"module","types":"dist/types/index.d.ts","prettier":"../../.prettierrc.json","repository":{"type":"git","url":"git+https://github.com/arijs/tweakpane.git"},"publishConfig":{"access":"public"},"funding":"https://github.com/sponsors/rhengles","scripts":{"prepack":"run-s clean main:prepare","prepublishOnly":"npm test","start":"npm-run-all main:build:dev doc:build --parallel main:watch doc:watch doc:server","test":"run-s doc:test main:test","assets":"npm-run-all clean main:build --serial assets:dist assets:version assets:zip","assets:dist":"mkdirp dist && cp docs/assets/tweakpane*.js dist && cp ../../README.md .","assets:version":"node scripts/assets-version.js","assets:zip":"zip -x \"*types*\" -j -r tweakpane-$(cat package.json | npx json version).zip dist","build":"run-s main:build doc:build","clean":"rimraf .nyc_output dist docs test tweakpane.tgz tweakpane-*.tgz tweakpane-*.zip test-module/node_modules","coverage":"nyc --reporter=none --extension \".ts\" --exclude \"**/*-test.ts\" npm run main:test:ts:dynamic","format":"run-p main:format doc:format","doc:build":"run-p doc:build:*","doc:build:scss":"mkdirp docs/assets && sass src/doc/sass/bundle.scss | postcss --config postcss.config.js > docs/assets/bundle.css","doc:build:html":"node scripts/doc-build-html.js","doc:build:img":"mkdirp docs/assets && cp -r src/doc/img/* docs/assets","doc:build:ts":"rollup --config rollup-doc.config.js","doc:build:refs":"typedoc --options ../../typedoc.json","doc:format":"run-p doc:format:*","doc:format:scss":"prettier --parser scss --write \"src/doc/sass/**/*.scss\"","doc:format:ts":"eslint --ext .ts --fix \"src/doc/ts/**/*.ts\"","doc:lint":"run-p doc:test:scss doc:test:ts","doc:server":"http-server -c-1 ./docs","doc:test":"run-p doc:test:*","doc:test:scss":"prettier --parser scss --list-different \"src/doc/sass/**/*.scss\"","doc:test:ts":"run-s doc:test:ts:*","doc:test:ts:static":"eslint --ext .ts \"src/doc/ts/**/*.ts\"","doc:test:ts:dynamic":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/doc/ts/**/*-test.ts\"","doc:watch":"run-p doc:watch:*","doc:watch:scss":"onchange --initial --kill \"src/doc/sass/**/*.scss\" -- npm run doc:build:scss","doc:watch:html":"onchange --initial --kill \"src/doc/template/**/*.html\" -- npm run doc:build:html","doc:watch:ts":"onchange --initial --kill \"src/doc/ts/**/*.ts\" -- npm run doc:build:ts","lint":"run-p doc:lint main:lint","main:build":"run-p main:build:*","main:build:dts":"tsc --project src/main/tsconfig-dts.json","main:build:dev":"rollup --config rollup.config.js","main:build:prod":"rollup --config rollup.config.js --environment BUILD:production","main:format":"run-p main:format:*","main:format:scss":"prettier --parser scss --write \"src/main/sass/**/*.scss\"","main:format:ts":"eslint --ext .ts --fix \"src/main/ts/**/*.ts\"","main:lint":"run-p main:test:scss main:test:ts:static","main:prepare":"run-s main:build assets:dist","main:test":"run-s main:test:scss main:test:ts","main:test:scss":"prettier --parser scss --list-different \"src/main/sass/**/*.scss\"","main:test:ts":"run-s main:test:ts:static main:test:ts:dynamic main:test:ts:module","main:test:ts:dynamic":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/main/ts/**/*-test.ts\"","main:test:ts:dynamic:inspect":"TS_NODE_CACHE=false TS_NODE_PROJECT=\"src/main/tsconfig.json\" mocha --loader=ts-node/esm \"src/main/ts/**/*-test.ts\" --inspect-brk","main:test:ts:module":"npm pack && (cd ../core && npm pack) && node scripts/main-test-ts-module-pre.js && (cd test-module && rimraf ./node_modules/tweakpane && npm install && npm test)","main:test:ts:static":"eslint --ext .ts \"src/main/ts/**/*.ts\"","main:watch":"run-p main:watch:*","main:watch:ts":"onchange --initial --kill --delay 1000 \"src/main/ts/**/*.ts\" \"../core/dist/**/*\" -- npm run main:build:dev","main:watch:scss":"onchange --initial --kill \"src/main/sass/**/*.scss\" \"../core/lib/sass/**/*.scss\" -- npm run main:build:dev"},"devDependencies":{"@rollup/plugin-alias":"^6.0.0","@rollup/plugin-node-resolve":"^16.0.3","@rollup/plugin-replace":"^6.0.3","@rollup/plugin-typescript":"^12.3.0","@arijs/tweakpane-core":"../core","@types/dat.gui":"^0.7.13","dat.gui":"^0.7.9","fs-extra":"^11.3.2","glob":"^11.0.3","http-server":"^14.1.1","json":"^11.0.0","nunjucks":"^3.2.4","postcss":"^8.5.6","postcss-cli":"^11.0.1","rollup":"^4.52.5","rollup-plugin-cleanup":"^3.2.1","@rollup/plugin-terser":"^0.4.4","typedoc":"^0.28.14","typedoc-plugin-missing-exports":"^4.1.2"},"exports":{".":{"import":"./dist/tweakpane.js","types":"./dist/types/index.d.ts"},"./package.json":"./package.json"},"gitHead":"0d2e4dc03e67300e90bcadd6a5a51c8d03a84cfe","_id":"@arijs/tweakpane@4.0.6-fix.1","bugs":{"url":"https://github.com/arijs/tweakpane/issues"},"_nodeVersion":"24.11.0","_npmVersion":"11.6.1","dist":{"integrity":"sha512-tl42fPjcBFYMsJYr73zJfCi+rUhIW8AtZ67c+GkB/1UBqqk4H9PLnjQfsQM97bOFHb1ZqD+mlLtWVZQ/H3OUHw==","shasum":"aed4aae8c1dc084b0a5f85a639d8ce7eba3e32cc","tarball":"https://registry.npmjs.org/@arijs/tweakpane/-/tweakpane-4.0.6-fix.1.tgz","fileCount":35,"unpackedSize":447469,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIGNhH48YCBSDUFPo9ArZ6zldmEC1KTJtgQDo/tmvkhF0AiEA19MlGeFyBImjLpW4JXGxSkxJdC6XU9c5DKXCXEqnXTw="}]},"_npmUser":{"name":"arijs","email":"arijs@arijs.org"},"directories":{},"maintainers":[{"name":"arijs","email":"arijs@arijs.org"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/tweakpane_4.0.6-fix.1_1762023422036_0.45860085630940817"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-30T20:24:44.770Z","modified":"2025-11-01T18:57:02.427Z","4.0.5":"2025-10-30T20:24:45.076Z","4.0.5-fix.1":"2025-11-01T18:38:00.898Z","4.0.6-fix.1":"2025-11-01T18:57:02.222Z"},"bugs":{"url":"https://github.com/arijs/tweakpane/issues"},"author":{"name":"cocopon, rhengles"},"license":"MIT","homepage":"https://tweakpane.github.io/docs/","repository":{"type":"git","url":"git+https://github.com/arijs/tweakpane.git"},"description":"A compact pane for fine-tuning parameters and monitoring value changes","maintainers":[{"name":"arijs","email":"arijs@arijs.org"}],"readme":"# Tweakpane\n![CI](https://github.com/cocopon/tweakpane/workflows/CI/badge.svg)\n[![Coverage Status](https://coveralls.io/repos/github/cocopon/tweakpane/badge.svg)](https://coveralls.io/github/cocopon/tweakpane)\n[![npm version](https://badge.fury.io/js/tweakpane.svg)](https://badge.fury.io/js/tweakpane)\n\n![cover](https://user-images.githubusercontent.com/602961/146529897-38829c6f-56df-46f6-81fe-d65fb2027eaa.png)\n\nTweakpane is a compact pane library for fine-tuning parameters and monitoring\nvalue changes, inspired by [dat.GUI][].\n\n- Clean and simple design\n- Dependency-free\n- Extensible\n\n(dat.GUI user? The [migration guide](https://tweakpane.github.io/docs/migration/#datgui) can be helpful)\n\n\n## Installation\nRefer to the [Getting Started](https://tweakpane.github.io/docs/getting-started/) section for concrete steps. Remember to install `@tweakpane/core` if you are developing with TypeScript.\n\n\n## Features\nSee the [official page][documents] for details.\n\n\n### [Bindings](https://tweakpane.github.io/docs/input-bindings/)\nNumber, String, Boolean, Color, Point 2D/3D/4D\n\n![Bindings](https://user-images.githubusercontent.com/602961/184479032-38f50be3-e235-4914-85c0-dce316b33ed2.png)\n\n\n### [Readonly bindings](https://tweakpane.github.io/docs/monitor-bindings/)\nNumber, String, Boolean\n\n![Readonly bindings](https://user-images.githubusercontent.com/602961/184479060-44fda993-9f40-4ef1-b363-18e9f9deff7f.png)\n\n\n### [UI components](https://tweakpane.github.io/docs/ui-components/)\nFolder, Tab, Button, Separator\n\n![UI components](https://user-images.githubusercontent.com/602961/184479079-84ee5436-b5f6-4c35-92eb-94cc8709ff12.png)\n\n\n### [Theming](https://tweakpane.github.io/docs/theming/)\n![Theming](https://user-images.githubusercontent.com/602961/115102105-e6676500-9f83-11eb-8a74-ae4f76122000.png)\n\n\n### [Plugins](https://tweakpane.github.io/docs/plugins/)\n![Plugins](https://user-images.githubusercontent.com/602961/184479086-cc8c72c2-c958-4e4e-8ae4-2690f721c544.png)\n\n\n### [Misc](https://tweakpane.github.io/docs/misc/)\n- Mobile support\n- TypeScript type definitions\n- JSON import / export\n\n\n## Development\n\n\n### CommonJS and ES modules\nFrom version 4, Tweakpane has been migrated to ES modules. If you are looking for a CommonJS version of the package, use version 3.x.\n\n\n### Build your own Tweakpane\n\n```\n$ npm install\n$ npm run setup\n$ cd packages/tweakpane\n$ npm start\n```\n\nThe above commands start a web server for the document, build source files, and\nwatch for changes. Open `http://localhost:8080/` to browse the document.\n\n\n## Other resources\n\n\n### [Design Kit](https://www.figma.com/community/file/1324202557355874089)\nIncludes the basics, styles and components for Tweakpane, providing a practical resource for creating your own plugin.\n\n[![image](https://github.com/cocopon/tweakpane/assets/602961/78cfd81f-d950-48e3-a0f1-6b6a14caaca4)](https://www.figma.com/community/file/1324202557355874089)\n\n\n## License\nMIT License. See `LICENSE.txt` for more information.\n\n\n[dat.GUI]: https://github.com/dataarts/dat.gui\n[documents]: https://tweakpane.github.io/docs/\n","readmeFilename":"README.md"}