Skip to main content
The Stims library provides a searchable, filterable toy collection at no.toil.fyi. Every toy launches from the browser with no installation required.

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

1

Open the library

Navigate to the homepage at no.toil.fyi. The library displays all available toys in a searchable grid.
2

Search by keyword

Use the search field to match toy titles, tags, moods, or capabilities:
Search by toy, mood, or capability
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”)
3

Apply filters

Click Filters and sorting to refine results:
  • Mood filters: Calm, Energetic
  • Capability filters: Microphone, Motion, Demo audio, WebGPU
  • Sort options: Featured, Newest, Most immersive, A → Z

Capability badges

Each toy card displays badges that indicate required features:
BadgeMeaning
🎙️ MicrophoneToy responds to live microphone input
🎵 Demo audioToy includes built-in procedural audio fallback
🧭 MotionToy uses device tilt or orientation sensors
⚡ WebGPUToy 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.
1

Capability check

The system checks:
  • Graphics: WebGL or WebGPU availability
  • Microphone: Permission state and browser support
  • Motion: Device orientation API availability
If a required capability is missing, you’ll see fallback guidance (e.g., “Use demo audio instead”).
2

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
See the Audio setup guide for detailed instructions.
3

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
Use the ← Back to library link in the top-left to return to the library without losing your audio session.

Toy discovery pages

Beyond the searchable library, Stims generates static index pages for each category:
  • 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/)

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
Select your preferences, then click Launch a suggested stim to open a matching toy.

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
Click Open full system check to see detailed capability probes and fallback guidance.

Next steps

Audio setup

Configure microphone, demo audio, or YouTube tab capture

Performance

Adjust quality presets and pixel ratio for your device

Build docs developers (and LLMs) love