Dev Tools · 1h ago
TinkerFX lets you toggle web effects and see which code owns them
TinkerFX offers 79 web effects built with plain HTML, CSS, and JavaScript, each split into named layers. Toggling a layer off strikes through its code and removes the visual effect, while sliders highlight the line they control. The tool is free, requires no account, and works on mobile.
Meridian48 take
A clever educational tool for front-end developers, but its real-world utility depends on whether dissecting effects this way accelerates learning faster than traditional code inspection.
Read the full reporting
Web effects with an X-ray mode: toggle a layer, see which lines of code it owns →
DEV Community
web-developmentdeveloper-tools