Browsing the library
The main library interface combines search, filters, and capability badges to help you find the right toy for your session.Search and filters
Open the library
Navigate to the homepage at no.toil.fyi. The library displays all available toys in a searchable grid.
Search by keyword
Use the search field to match toy titles, tags, moods, or capabilities:The search matches against:
- Toy names (e.g., “Aurora Painter”, “Bubble Harmonics”)
- Tags (e.g., “ribbons”, “particles”, “tunnel”)
- Moods (e.g., “calming”, “energetic”, “dreamy”)
- Capabilities (e.g., “microphone”, “motion”, “demo audio”)
Capability badges
Each toy card displays badges that indicate required features:| Badge | Meaning |
|---|---|
| 🎙️ Microphone | Toy responds to live microphone input |
| 🎵 Demo audio | Toy includes built-in procedural audio fallback |
| 🧭 Motion | Toy uses device tilt or orientation sensors |
| ⚡ WebGPU | Toy requires WebGPU; may fall back to WebGL |
Launching a toy
Click any toy card to open it in the shared toy shell (toy.html). The shell runs a capability preflight before loading the toy module.
Capability check
The system checks:
- Graphics: WebGL or WebGPU availability
- Microphone: Permission state and browser support
- Motion: Device orientation API availability
Choose audio source
Toys that support audio offer multiple input options:
- Microphone: Live audio input from your device
- Demo audio: Pre-mixed procedural track (no permission needed)
- YouTube tab capture: Paste a YouTube URL to capture tab audio
Play the toy
Once audio starts, the toy begins rendering. Controls appear in the top-right corner:
- Settings panel: Toy-specific controls (speed, color, intensity)
- Performance panel: Quality presets and pixel ratio caps
Toy discovery pages
Beyond the searchable library, Stims generates static index pages for each category:Collections
Collections
- All toys:
/toys/— Complete toy list with descriptions - Tags:
/tags/— Browse by visual style (e.g.,ribbons,particles,fractal) - Moods:
/moods/— Browse by feeling (e.g.,calming,energetic,dreamy) - Capabilities:
/capabilities/— Filter by input type (e.g.,/capabilities/microphone/)
Featured toy pages
Featured toy pages
Each toy has a dedicated detail page at
/toys/<slug>/:- Aurora Painter:
/toys/aurora-painter/ - Halo Visualizer:
/toys/holy/ - Grid Visualizer:
/toys/cube-wave/
Library features
Stim builder
The Create your own stim setup section (on the homepage) generates recommendations based on:- Mood: Calming, Energetic, Dreamy, Playful
- Energy: Soft, Balanced, Intense
- Interaction: Touch/gesture, Tilt/motion, Mostly ambient
- Audio: Built-in demo, Microphone reactive, No audio
- Renderer: Any, WebGPU-first, Broader compatibility
System check
The Check your device panel shows real-time readiness for:- 🖥️ Graphics: WebGL/WebGPU status
- 🎙️ Mic: Permission state and browser support
- 🧭 Motion: Device orientation availability
- 🫧 Comfort: Reduced-motion preference detection
Next steps
Audio setup
Configure microphone, demo audio, or YouTube tab capture
Performance
Adjust quality presets and pixel ratio for your device