How pmndrs/examples works
This repository is a gallery of React Three Fiber examples, presented as a searchable website and as static, agent-readable catalog documents. The main reader workflow is to browse or filter the gallery, open an example page, and view its demo; coding agents can instead consume the generated catalog index and per-example Markdown. The sampled sources support the website’s metadata loading, navigation, and catalog rendering. The example source directories themselves are absent from the supplied tree, so their internal demo behavior and wiring are not mapped.
Main entry points: layout.tsx Site layout · Nav.tsx Search and filters · build-catalog.mjs Catalog exporter · page.tsx Gallery page
Components 15
Example gallery
- Gallery metadata
apps/website/lib/helper.ts - Gallery page
apps/website/app/page.tsx - Example page
- Search and filters
apps/website/components/Nav.tsx - Filter utilities
apps/website/lib/filters.ts - Tag filtering
apps/website/components/TagFilterProvider.tsx - Example demo
Agent catalog
- Catalog exporter
bin/build-catalog.mjs - Markdown renderer
bin/lib/render.mjs - Static catalog files
apps/website/public
Website shell
- Site layout
apps/website/app/layout.tsx - Sidebar UI
apps/website/components/ui/sidebar.tsx - Website
apps/website/app
Other components
- Reader
- Coding agent
Connections 15
- Reader → Website: opens
- Website → Site layout: renders
- Site layout → Gallery metadata: loads metadata
- Site layout → Search and filters: renders
- Site layout → Sidebar UI: provides UI
- Site layout → Gallery page: renders route
- Search and filters → Filter utilities: serializes filters
- Search and filters → Tag filtering: uses tags
- Search and filters → Gallery page: links to examples
- Gallery page → Gallery metadata: uses gallery data
- Example page → Example demo: presents demo
- Coding agent → Static catalog files: reads
- Catalog exporter → Markdown renderer: renders documents
- Catalog exporter → Static catalog files: writes
- Catalog exporter → Gallery metadata: reads metadata