Benjamin den Boer

Open in Framer X


Design graphs, pie charts, watch faces and more with the Arc component.


Property Type Description Default
Type boolean Type of arc, stroke or fill. Stroke
Cap boolean Line cap, round or butt. Round
Stroke number Stroke line width. 30
Length number Stroke line width. 280
Fill boolean Solid or linear gradient. Solid
Color string Solid stroke or fill color. #0AF
Top string Top gradient color. #0AF
Bottom string Bottom gradient color. #80F
Shadow boolean Show or hide shadow. Hide
Shadow X number Horizontal shadow offset. 0
Shadow Y number Vertical shadow offset. 2
Shadow B number Shadow blur radius. 4
Shadow C string Shadow color. rgba(0,0,0,0.5)
Opening Package in Framer X...

Don’t have Framer X yet?Start your Free Trial

By using our website, you agree to the use of cookies as described in our  Privacy Policy —
I Agree