# Tweakit

> A dependency-free, code-split, real-time parameter panel for the browser. `npm install tweakit`, then hand `tweaks(name, schema)` a plain object and it builds a live control for each value.

Built from the tweakit source at v0.7.2 on 2026-10-31 UTC. Start with the agent guide; the rest is the docs site, one Markdown file per page.

## Guide
- [Agent guide](https://ryankiley.github.io/tweakit/AGENTS.md): every control and the value it returns, the panel API, how copied values come back; the same file ships inside the npm package.
- [Overview](https://ryankiley.github.io/tweakit/index.md): A dependency-free, code-split, real-time parameter panel. Hand it a plain schema and it builds a live control for each value.
- [Getting started](https://ryankiley.github.io/tweakit/getting-started.md): Install tweakit, import a build, add the styles, and wire your first live parameter panel.
- [Quick tour](https://ryankiley.github.io/tweakit/quick-tour.md): The tweakit schema shorthands in two minutes: what each value shape becomes, and the verbose { type } escape hatch.

## Controls
- [Numbers](https://ryankiley.github.io/tweakit/numbers.md): Tweakit's numeric controls, live: slider, number field, dual-handle interval, and the 2D point pad.
- [Text & choices](https://ryankiley.github.io/tweakit/text-and-choices.md): Tweakit's text input, checkbox, dropdown list and radio grid, each driving a live target.
- [Color & gradient](https://ryankiley.github.io/tweakit/color-and-gradient.md): The wide-gamut OKLCH color picker, the gradient editor, the shadow editor, and the image picker, live.
- [Motion & curves](https://ryankiley.github.io/tweakit/motion.md): The motion control (an easing or a spring over one value), the spring and bézier editors on their own, and the expression grapher, each driving live motion.
- [Monitors](https://ryankiley.github.io/tweakit/monitors.md): Read-only controls: live value readouts with sparkline graphs, and the FPS meter under real load.
- [Structure](https://ryankiley.github.io/tweakit/structure.md): Organizing a panel: folders, tabs, buttons, button groups and separators, live.

## Panel
- [Panel API](https://ryankiley.github.io/tweakit/panel-api.md): Everything tweaks() returns: events, programmatic set/reset, conditional controls, undo/redo, presets and floating panels.
- [Theming](https://ryankiley.github.io/tweakit/theming.md): Theme tweakit panels: the theme option, live setTheme(), every token, raw --twk-* custom properties, and ready-made recipes.
- [Markup](https://ryankiley.github.io/tweakit/markup.md): Markup-driven panels: enhance() upgrades [data-twk] HTML into live controls, no JavaScript required.
- [The two builds](https://ryankiley.github.io/tweakit/imports.md): Single-file vs code-split: how the two tweakit entries load, what panel.ready means, and which to pick.

## Optional
- [Everything in one file](https://ryankiley.github.io/tweakit/llms-full.txt): the guide and every page above, concatenated.
- [Type declarations](https://unpkg.com/tweakit/dist/types/tweaks/types.d.ts): every option, with its doc comment.