Learn Pibbl

Read as Markdown

Learn Pibbl in a curated order. Start with the diagram-editor project when you want a cumulative, real-world build, or use the guides to answer a focused question while you work.

Tutorials

• Learn the basics: Build a diagram editor

Guides

• Configure JSX
• Author without JSX
• Understand components, props, and children
• Style and draw
• Compose and lay out scenes
• Move, resize, and rotate components
• Manage state and lifecycle
• Coordinate work with state machines
• Coordinate animations with machines
• Draw and animate sprites
• Use signals and animation
• Use Three.js inside Pibbl
• Add focus and keyboard navigation
• Create custom components and primitives
• Integrate with React
• Troubleshoot JSX

Implementation guidance for agents

Read the Drawing, layout, and effects companion for ownership, adaptation, failure modes, and verification. Agent start provides the version-selection workflow.

Documentation version

Documentation built with @pibbl/core 0.0.2, revision 2dccb19. ALPHA — NOT FOR PRODUCTION USE.