{"id":13469684,"url":"https://github.com/cocopon/tweakpane","last_synced_at":"2025-05-15T00:00:28.457Z","repository":{"id":37546204,"uuid":"58473989","full_name":"cocopon/tweakpane","owner":"cocopon","description":":control_knobs: Compact GUI for fine-tuning parameters and monitoring value changes","archived":false,"fork":false,"pushed_at":"2024-11-24T04:17:57.000Z","size":4436,"stargazers_count":4040,"open_issues_count":24,"forks_count":110,"subscribers_count":27,"default_branch":"main","last_synced_at":"2025-05-07T23:38:37.473Z","etag":null,"topics":["creative-coding","gui","tweakpane","tweaks","zero-dependency"],"latest_commit_sha":null,"homepage":"https://tweakpane.github.io/docs/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cocopon.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"cocopon"}},"created_at":"2016-05-10T15:45:13.000Z","updated_at":"2025-05-07T14:10:44.000Z","dependencies_parsed_at":"2023-12-14T15:58:17.017Z","dependency_job_id":"c1bc0b4f-94f7-467c-939c-b583691e1954","html_url":"https://github.com/cocopon/tweakpane","commit_stats":{"total_commits":1010,"total_committers":5,"mean_commits":202.0,"dds":0.006930693069306937,"last_synced_commit":"35d43c761a3015b9b2a863528c69e6427b9f9b18"},"previous_names":[],"tags_count":83,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cocopon%2Ftweakpane","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cocopon%2Ftweakpane/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cocopon%2Ftweakpane/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cocopon%2Ftweakpane/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cocopon","download_url":"https://codeload.github.com/cocopon/tweakpane/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254249199,"owners_count":22039029,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["creative-coding","gui","tweakpane","tweaks","zero-dependency"],"created_at":"2024-07-31T15:01:50.646Z","updated_at":"2025-05-15T00:00:28.418Z","avatar_url":"https://github.com/cocopon.png","language":"TypeScript","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","funding_links":["https://github.com/sponsors/cocopon"],"categories":["TypeScript","others","gui","Libraries"],"sub_categories":["JavaScript"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcocopon%2Ftweakpane","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcocopon%2Ftweakpane","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcocopon%2Ftweakpane/lists"}