Monorail.js: Visualize CSS Animation Curves & Debug

Monorail.js: a JavaScript library that turns CSS keyframe animations into interactive graphs for debugging.

Key features:

• Visualizes transform methods, filter functions, and color properties
• Shows Bézier easing curves between keyframes
• Interactive timeline with scrubbing and playback controls
• Auto-scales all properties into one unified view
• Zero dependencies, ESM module

Perfect for debugging complex animations or understanding how timing functions affect visual output.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo