Skip to main content

​
Toy Catalog Overview

The Stim Webtoys Library is a collection of interactive, audio-reactive web toys built with Three.js and WebGL. Each toy delivers responsive visual play through live audio interaction, touch gestures, and device motion.

​
How Toys Are Organized

Toys in the collection are organized across multiple dimensions to help you discover the right experience:

​
By Lifecycle Stage

Stable, functional toys that remain available but aren’t actively promoted. Many archived toys offer unique aesthetics and interactions worth exploring.
Experimental toys in active development. Expect rough edges and evolving features as these toys are refined.

​
By Moods

Toys are tagged with mood descriptors that capture their aesthetic and sensory qualities:
  • energetic: High-motion, vibrant visuals that pulse with beat intensity
  • dreamy: Soft, flowing visuals with gentle transitions
  • ethereal: Luminous, otherworldly atmospheres
  • cosmic: Space-themed visuals with particles and nebulae
  • calming: Gentle, soothing visuals designed for relaxation
  • immersive: Deep, enveloping experiences that fill your field of view
  • playful: Light-hearted, bouncy interactions
  • psychedelic: Surreal, reality-bending visuals
  • focus: Minimal, rhythm-based visuals that support concentration
  • tactile: Hands-on experiences emphasizing touch and gesture
Browse toys by mood at no.toil.fyi/moods

​
By Tags

Tags describe specific visual elements, techniques, or interaction patterns:
  • Visual elements: aurora, bubbles, halos, particles, spirals, tunnel, grid, fractals, nebula, stars
  • Techniques: 3d, gestural, reactive, visualizer, shader, bloom, caustics
  • Interaction styles: touch, mobile, pottery, sculpting, painting
  • Aesthetics: synthwave, cyberpunk, retro, bioluminescent, neon
Browse toys by tag at no.toil.fyi/tags

​
By Capabilities

Each toy declares its input capabilities:

Microphone

Toys that respond to live audio input from your microphone, analyzing frequency bands and beat intensity

Demo Audio

Toys that support fallback demo audio tracks when microphone access isn’t available or desired

Motion

Toys that respond to device motion sensors (accelerometer/gyroscope) for tilt-based interactions

WebGPU

Toys that require or benefit from WebGPU for advanced rendering features. Most toys include WebGL fallback support.
Browse toys by capability at no.toil.fyi/capabilities

​
Toy Metadata Structure

Each toy in assets/data/toys.json includes rich metadata: 
{
  "slug": "aurora-painter",
  "title": "Aurora Painter",
  "description": "Paint flowing aurora ribbons that react to your microphone in layered waves.",
  "lifecycleStage": "featured",
  "featuredRank": 1,
  "requiresWebGPU": true,
  "allowWebGLFallback": true,
  "capabilities": {
    "microphone": true,
    "demoAudio": true,
    "motion": false
  },
  "moods": ["dreamy", "ethereal", "luminous"],
  "tags": ["aurora", "ribbons", "gestural"],
  "controls": [
    "Ribbon density",
    "Pinch/rotate gestures",
    "Arrow-key mood switching"
  ],
  "firstRunHint": "Tap Starter first, then pinch/rotate once if you want to shape the flow.",
  "starterPreset": {
    "id": "starter",
    "label": "aurora starter",
    "description": "Balanced glow and speed tuned for first look delight."
  },
  "wowControl": "Quick preset · Starter",
  "recommendedCapability": "demoAudio"
}
Featured toys include firstRunHint, starterPreset, wowControl, and recommendedCapability to guide first-time users to the best experience.

​
Getting Started

Featured Toys

Start with curated, polished experiences designed to showcase the collection’s best moments

Audio Visualizers

Explore toys focused on audio-reactive visualizations and spectral effects

Interactive Tools

Play with creative tools like the pottery wheel and aurora painter

WebGPU Toys

Experience cutting-edge toys that leverage WebGPU for advanced rendering
All toys are accessible via shareable URLs:

Build docs developers (and LLMs) love

Get started for freeTalk to us