Twelve UI easing curves you can actually read

Every curve below is a few lines of arithmetic. Click one to replay the motion, see the shape, and copy the exact function in JavaScript, C#, or sampled JSON. The page runs entirely in your browser — no build step, no account, no network requests.

12 curves 61 samples each JSON / JS / C# no dependencies commercial use OK · no resale

Pick a curve

Motion and shape

smoothstep

The actual code







  

    

      
What this is

      
    
        
  • Closed-form easing functions with no state and no timers
    • 
        
  • The same twelve shapes in three formats, so the web build and the Unity build agree
    • 
        
  • Sampled JSON (61 points) for engines that would rather look up than compute
    • 
      

    

    

      
What it is not

      
    
        
  • Not an animation library — it does not touch the DOM or schedule frames
    • 
        
  • Not a spring or physics solver
    • 
        
  • Not a Unity package; the C# is a plain static class you drop in
    •