Also in the joyco registry

Copy a prompt for your agent, copy the install command, or open the docs that ship it.

• Brick Breaker

  brick-breaker

  A fully-featured brick breaker game with multiple levels, brick types, and proper collision physics.

  utils8 files
  PromptCopyDocs ↗

• Button Group

  button-group

  Groups multiple buttons or inputs into a single visual unit.

  @radix-ui/react-slot, class-variance-authority1 file
  PromptCopy

• Canvas 2D

  canvas-2d

  A DPR-aware 2D canvas component and hook that handles sizing, pixel ratio, and context setup automatically.

  utils1 file
  PromptCopyDocs ↗

• Cluster

  A flex container with the design system gap and an optional filler for space distribution.

  @radix-ui/react-slot, class-variance-authority1 file
  PromptCopyDocs ↗

• Debug Hooks

  debug

  A tweakpane-powered debug panel with URL-persisted state, draggable UI, and reactive hooks for binding component values.

  @tweakpane/core, lodash.debounce, @types/lodash.debounce, zustand6 files
  PromptCopyDocs ↗

• r3f Canvas

  debug-canvas

  An enhanced R3F Canvas with built-in debug helpers — orbit/fly controls (mutually exclusive), grid, camera monitor, and performance stats — all toggled via a shared tweakpane folder.

  stats-gl, @react-three/drei6 files
  PromptCopyDocs ↗

• File Button

  file-button

  A button that opens a file input when clicked.

  2 files
  PromptCopyDocs ↗

• Input Group

  input-group

  Composable input group with addons, buttons, and textarea support.

  class-variance-authority1 file
  PromptCopy

• Kbd

  Displays a keyboard key or shortcut.

  utils1 file
  PromptCopy

• Magnetic

  A cursor-attraction wrapper that makes inner content subtly follow the mouse position.

  @radix-ui/react-slot2 files
  PromptCopyDocs ↗

• Marquee

  The all in one marquee component with smooth Web Animations API.

  @joycostudio/marquee1 file
  PromptCopyDocs ↗

• Media Player

  media-player

  A composable media player with controls, settings, captions, and PiP support.

  media-chrome, @radix-ui/react-direction, @radix-ui/react-slider, @radix-ui/react-slot3 files
  PromptCopyDocs ↗

• Mention

  An autocomplete mention input component.

  @diceui/mention1 file
  PromptCopyDocs ↗

• Scramble

  A GSAP registered effect that decodes text with staggered character-by-character reveal animation.

  gsap1 file
  PromptCopyDocs ↗

• Scramble Button

  scramble-button

  A button that scrambles its text on hover using the scramble GSAP effect.

  gsap1 file
  PromptCopyDocs ↗