Device

Benjamin den Boer

Open in Framer X

Overview

A device component that allows you to view your work in a clay-like, soft device frame, from mobile to tablet. Shadows automatically blend in the background, it includes a light and a dark frame, and everything from the sizing to the radius is completely customizable. By default, it mimics an iPhone X device, but you can preview your work in any generic iOS or Android form. You can even animate the device Frames!

Properties

Property Type Description Default
Color string Background and shadow color. #ADF
Mode boolean Light or dark. light
Radius number Device corner radius. 60
Device W number Device width. 413
Device H number Device height. 850
Screen W number Screen width. 375
Screen H number Screen height. 812
Shadow boolean Device shadow. true
Alpha number Shadow alpha value. 0.5
Darken number Shadow darken filter. 30
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