Abuttonthatcatchesthelight.
Refraction, dispersion and a press you can feel. The smallest element is where people decide whether something was made with care.
See OpticalButton liveReact components with real depth: shaders, 3D objects, tactile buttons and expressive type. Explore them, tune them live, and hand them to your AI.
Ready for the tools you already use
Claude Code
Cursor
Codex
MCP- Any React project
From one pixel to the whole page
Motiqo at every scale
OpticalButtonObjects
How it works
From first glance to production code in three moves, whether you write the code yourself or ask your agent to.
01
Explore
105 original elements, each running live. No screenshots, no placeholders.
02
Tune
Moods, colours and physics you can adjust in the browser, then share as a link.
Ship
Source included. Install with the CLI, through MCP, or copy a prompt written for your AI tool.
Editor’s selection
Ways in
[005]
Robert Betancourt, a designer who writes the code behind his own ideas. Each element starts as a visual study and ships only when it feels right in the hand. More about Robert
Yes. Every shader, curve and interaction is written from scratch for Motiqo, with no templates or recoloured kits underneath.
Reduced motion, keyboard focus and screen-reader labels are part of each element, not an afterthought. Heavy scenes pause when they leave the screen.
Each piece is reviewed from 320px phones to wide desktops before it ships, and GPU-heavy effects scale their density to the device.
Yes. Free components work in any project, and Pro covers unlimited personal and client work. Copy the source, adapt it and ship it, with no runtime or lock-in. See plans.
Free to start · Pro for everything
Ten components and four heroes are free. Pro opens the whole library and funds every new drop.