SiteDesign Tools & Generators · Mockups & screenshots
Turns code snippets into styled screenshots with themes, window chrome, backgrounds and adjustable padding.
Why it’s a gem
More layout control than ray.so while staying as fast to use.
Drops screenshots into clean device frames in a range of colors and orientations, exporting transparent PNG.
Browser-based 3D mockup generator that maps your artwork onto rotatable 3D device and object models.
Free pack of realistic device and browser frames as editable Sketch and Figma assets for compositing screenshots.
Free, accurate vector device templates for phones, tablets, laptops and wearables, maintained by Meta's design team.
Copy any app UI into plain HTML artboards on a local canvas with measured colors and metrics, no design tool required.
Free device mockup generator covering a very long tail of phone, tablet, laptop and TV models including older hardware.