Meet Vinyaas Companions

Tiny customizable companions that bring your workspace to life.

Built-in companions

Spawn one companion of each type onto the page. Use Know more for a Pokédex-style sheet (Bond, unlocked moves, type). Fatal falls puff the companion out — Bond stats stay in local storage.

Ember

Ember

Fire

A tiny playful flame spirit.

18 movesBond 17 unlocked
Know more
Soul

Soul

Ghost

A gentle floating ghost friend.

17 movesBond 1
Know more
Moss

Moss

Grass

A tiny leafy frog buddy.

17 movesBond 1
Know more
Flint

Flint

Rock

A mossy little rock buddy.

11 movesBond 1
Know more
Bubble

Bubble

Water

A gleamy floating water bubble.

11 movesBond 1
Know more
Rime

Rime

Ice

A frosty little ice fox.

11 movesBond 1
Know more
Jab

Jab

Fighting

A tiny boxing spar buddy.

11 movesBond 1
Know more
Volt

Volt

Electric

A spark-cheeked electric mouse.

11 movesBond 1
Know more
Drake

Drake

Dragon

A stubby-winged baby dragon.

11 movesBond 1
Know more
Nyx

Nyx

Dark

A soft shadow that glows in the dark.

14 movesBond 1
Know more

Landing surfaces

Companions land on declared surfaces and interactive chrome — buttons, selects, code blocks, cards, and playground panels. Dropping from more than 70vh above the surface beneath causes a fall, then a puff on impact. Perched companions scroll with their surface and tip off when it hits the top of the viewport.

Drop a companion on this panel to perch. Nested controls inherit the surface from this parent.

Interactions

  • Spawn — primary button on each card (one of each type on screen).
  • Know more — opens the companion sheet with Bond and move unlocks (Ember first).
  • Idle — after ~30 seconds without interaction, ambient idle/sleep may fire.
  • Flint — rock-type pebble with a spark still stuck in its cracks.
  • Bubble — water-type float with a shiny soap-bubble look.
  • Rime — ice-type fox with a glittering tail tip.
  • Jab — fighting-type spar buddy in red gloves.
  • Volt — electric-type mouse with spark cheeks.
  • Drake — dragon-type hatchling with stubby wings.
  • Nyx — dark-type shade that glows when you toggle the theme.

Full clip and move tables live on Animations.

Learn more

  • Installation — how companions will be added to a project.
  • companion.json — identity, animations, personality, capabilities, and interactions.
  • Interactions — triggers, actions, and theme_change.
  • Examples — perch surfaces and instance profiles.
  • Gallery — spawn every built-in species.
  • Custom Companion — future workflow for shipping your own companions.