Cubic Bezier
cubic-bezier.com
An interactive cubic bezier curve editor for crafting custom CSS animation timing functions — drag the control points, compare against built-in easings, and copy the resulting CSS cubic-bezier() value.
Why it is useful
Makes the relationship between bezier control points and animation feel intuitive rather than abstract. The side-by-side comparison with standard easing functions (ease, ease-in, ease-out) helps you quickly find curves that are subtly different from defaults. Custom bezier timing functions make animations feel noticeably more polished; this tool is the fastest way to find the right one.
More in Creative Tools
Other creative tools you might not have heard of.
- SeamlessifySeamlessify makes seamless, tileable patterns and textures for design and AI workflows.
- FreeSewingOpen-source platform that generates made-to-measure sewing patterns from custom measurements, design choices, and pattern adjustments for multiple garment types.
- Scribble MapsDraw and annotate custom maps with layers, routes, and location data.
- CSS GradientA visual CSS gradient editor with an intuitive color stop interface for linear, radial, and conic gradients — with the full CSS output and a library of community-submitted gradients to browse and remix.
- Dungeon ScrawlBrowser-based tabletop RPG map maker for drawing dungeons, towns, and battlemaps quickly, with exports for print and virtual tabletops.
- Color HuntA curated palette discovery platform with thousands of four-color palettes — browsable by trending, popular, recent, and seasonal themes — with one-click hex copy and palette download.