From black box
to your effect.

TinkerFX does more than show you a pretty animation. It lets you open the mechanism, change it without guessing, wear it across the site, and share the exact result.

01 — X-RAY MODE

See what every part does

Switch layers off. Move a slider. The preview and the matching code line change together, so you learn by touching the effect instead of decoding a wall of code.

size: 52px; glow: on;
02 — SITE LAB

Try an effect where it matters

The floating gear is a fitting room for the whole site. Combine a cursor, click reaction, and hero background before you copy anything.

Cinematic
03 — SHARE

Send the settings, not a screenshot

A share link carries the tuned values. The other person opens the same effect you made — ready to inspect, adjust, or copy.

Your tune travels in the URL
tinkerfx.com/effect?size=52&glow=1