Fabric.js Demos

Looking for old Fabric.js v5 demos? click here.

• 

  Animating crosses

  Animating crosses using Fabric.js
• 

  Animation easing

  Animating easing in Fabric.js
• 

  Clipping and masking

  Clipping and masking in Fabric.js
• 

  Copy and paste

  Copy and paste in Fabric.js
• 

  Cropping controls

  Interactive image cropping with the fabric/extensions cropping controls
• 

  Custom controls

  Using the custom controls api
• 

  Custom filter

  Create a custom filter that swap colors
• 

  Duotone filter

  Use the Composed filter to create a duotone effect
• 

  Dynamic patterns

  Patterns options demonstration
• 

  Events inspector

  Inspect interaction events being logged to the console
• 

  Free drawing

  Free drawing in canvas using Fabric.js
• 

  Intersection

  Intersections in Fabric.js
• 

  Importing PDF files

  Importing PDF files
• 

  Realtime lanczos

  Intersections in Fabric.js
• 

  Gradient controls

  Drag a linear gradient into place with interactive handles
• 

  Manage selection

  Manage selection
• 

  Loading custom fonts

  Loading custom fonts in Fabric.js
• 

  Stroke uniform property

  Demonstration of stroke
• 

  Polygon Controls

  Polygon Controls
• 

  Shadows

• 

  Superscript and subscript

• 

  Svg caching

• 

  Text on path

  Add text on paths
• 

  Video element

  FabricImage with video drawable