Benjamin den Boer



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!


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