Back to Plugins
Easing Curve Visualizer

Easing Curve Visualizer

Generate visual representations of cubic bezier easing curves.

Plugin Preview

Easing Curve Visualizer preview

About this plugin

Generate visual representations of cubic bezier easing curves.What it doesCreates a frame showing the control points and curve shape for any cubic-bezier(x1, y1, x2, y2) timing function. Useful for documenting animation specs or understanding easing behavior.UsageRun the pluginEnter the four cubic bezier values (x1, y1, x2, y2)Click createOutputA 240×240px frame containing:Dashed bounding boxLinear reference lineControl point handlesThe bezier curveStart/end points and control point markers

Plugin Details

Version2
CreatedSeptember 5, 2025
Last UpdatedFebruary 17, 2026
CategoryPrototyping & animation plugins
Creatormarius
Stats13 installs, 2 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none