Pibbl
Pibbl is a component runtime for Canvas 2D. Author drawing with synchronous functions, use signals to update it, and compose effects without managing a separate animation loop.
- Build with Pibbl: install the runtime and draw your first scene.
- Add Pibbl to your site: keep your HTML application and enhance one visual region.
Find what you need
Section titled “Find what you need”| Section | Use it to |
|---|---|
| Start | Install, choose an authoring style, and mount a scene |
| Reference | Find individual APIs by capability or alphabetically |
| Visual Catalogs | Compare shapes, filters, textures, and reaction-diffusion |
| Guides | Understand ownership and compose capabilities |
| Examples | Run focused examples and a larger composition |
| Agents & Skills | Retrieve Markdown and detailed implementation guidance |
| Playground | Edit examples and run live previews |
Explore the library
Section titled “Explore the library”The reference brings the existing public API documents into capability groups and an alphabetical index. The guide library covers authoring, lifecycle, layout, animation, textures, input, physics, visualization, and Three.js. Detailed agent topics explain implementation decisions, failure modes, and verification.
Explore the showcases and focused examples, then open the playground to edit learning examples and tutorial steps within this site. Search documentation to find guides, APIs, and examples, including descriptions generated from JSDoc. API references link directly to the corresponding source lines.
Documentation version
Section titled “Documentation version”Documentation built with @pibbl/core 0.0.2, revision c321a83. ALPHA — NOT FOR PRODUCTION USE.