Framer module for creating lines
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Line for Framer

Create basic lines in Framer easily.



Animated lines:

Attached layers:




  1. Download the file
  2. Create a framer project and drop inside the /modules folder
  3. Add Line = require "Line" at the top of your document (case-sensitive).

More info about modules in Framer: FramerJS Docs - Modules

Basic usage

# Using coordinates
line = new Line
	from: {x: 0, y: 0}
	to: {x: 100, y: 100}
	thickness: 2
	color: "red"
# Using length
line = new Line
	length: 100
	thickness: 2
	color: "red"
	rotation: 45


Line works just like a Layer, but with some additional properties:

Property Description
from the starting point eg. {x: 0, y: 0}
to the end point eg. {x: 0, y: 0}. rotation and length is calculated automatically
length set the length manually. can be used if .to isn't already specified
color the color of the line
thickness the thickness of the line


Twitter: @andreaswah