# Visual Catalogs
## Browse visually

- [Text and typography](/catalogs/text/)
- [Shapes](/catalogs/shapes/)
- [Textures and electric effects](/catalogs/textures/)
- [Reaction-diffusion](/catalogs/reaction-diffusion/)
- [Enter and exit transitions](/catalogs/transitions/)
- [PathGeometry transformations](/catalogs/path-geometry/)
- [Filters](/catalogs/filters/)
- [Interactive showcases](/catalogs/showcases/)


Choose an effect, run its original interactive example, and inspect the complete source. The gallery is still curated rather than exhaustive.

## Interactive effects

| Effect                                                          | Explore                                                                      |
| --------------------------------------------------------------- | ---------------------------------------------------------------------------- |
| [Rainy Window](/examples/rainy-window/)                         | Fogged glass, moving droplets, refraction, and finger-wiped trails           |
| [Plasma Globe and Lightning](/examples/plasma-globe/)           | Pointer-responsive electric tendrils, lightning, and shared texture previews |
| [Enter and Exit Transitions](/examples/visibility-transitions/) | Reusable presets, reversal, completion, and exit-before-unmount              |
| [Energy Transition Study](/examples/energy-transitions/)        | Original Bifrost, hologram, and ember prototype with tunable controls        |

## Building blocks

| Catalog            | First entry                                           | What it demonstrates                           |
| ------------------ | ----------------------------------------------------- | ---------------------------------------------- |
| Shapes             | [Circle](/catalogs/shapes/circle/)                    | Center, radius, and fill                       |
| Filters            | [Blur comparison](/catalogs/filters/blur/)            | Identical geometry with and without pixel blur |
| Textures           | [Marble](/catalogs/textures/marble/)                  | A deterministic static material                |
| Reaction-diffusion | [Living button](/catalogs/reaction-diffusion/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

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