Visual Catalogs
Browse visually
Section titled “Browse visually”- Text and typography
- Shapes
- Textures and electric effects
- Reaction-diffusion
- Enter and exit transitions
- PathGeometry transformations
- Filters
- Interactive showcases
Choose an effect, run its original interactive example, and inspect the complete source. The gallery is still curated rather than exhaustive.
Interactive effects
Section titled “Interactive effects”| Effect | Explore |
|---|---|
| Rainy Window | Fogged glass, moving droplets, refraction, and finger-wiped trails |
| Plasma Globe and Lightning | Pointer-responsive electric tendrils, lightning, and shared texture previews |
| Enter and Exit Transitions | Reusable presets, reversal, completion, and exit-before-unmount |
| Energy Transition Study | Original Bifrost, hologram, and ember prototype with tunable controls |
Building blocks
Section titled “Building blocks”| Catalog | First entry | What it demonstrates |
|---|---|---|
| Shapes | Circle | Center, radius, and fill |
| Filters | Blur comparison | Identical geometry with and without pixel blur |
| Textures | Marble | A deterministic static material |
| Reaction-diffusion | Living button | A living texture behind native HTML |
These are Pibbl output examples, not a proposed visual identity for this site. The static descriptions and source remain readable without JavaScript. Optional live previews let you inspect Canvas output; the native button has a CSS fallback.
Documentation version
Section titled “Documentation version”Documentation built with @pibbl/core 0.0.2, revision c321a83. ALPHA — NOT FOR PRODUCTION USE.