# Mockups & Screenshots

> Generators for device mockups, beautified screenshots, code images and social preview images.

- Parent category: [Design & UX](https://devshelf.io/category/design-ux.md)
- DevShelf page: https://devshelf.io/category/mockups-screenshots

## Resources (17)

- [AppMockUp Studio](https://devshelf.io/resource/appmockup-studio.md): A web-based tool for designing professional App Store and Google Play Store screenshots with customizable templates, device frames, and backgrounds. (pricing: Free)
- [Carbon](https://devshelf.io/resource/carbon.md): A web-based tool for creating and sharing high-quality, customizable images of source code snippets. (pricing: Free)
- [CleanSnap](https://devshelf.io/resource/cleansnap.md): A web-based tool for styling and formatting screenshots with customizable padding, shadows, blur, and background effects. (pricing: Free)
- [Compare Pixels by Pastel](https://devshelf.io/resource/compare-pixels-by-pastel.md): A visual comparison tool that overlays design mockups onto live websites to identify discrepancies between design and implementation. (pricing: Free)
- [Craftwork](https://devshelf.io/resource/craftwork.md): A design resource library offering UI kits, templates, illustrations, mockups, and fonts for designers and developers. (pricing: Freemium)
- [Icon Maker by Raycast](https://devshelf.io/resource/icon-maker-by-raycast.md): A web-based developer tool by Raycast to generate customized application icons with fill styles, background effects, and custom icon assets. (pricing: Free)
- [Mockups by Liinks](https://devshelf.io/resource/mockups-by-liinks.md): Generate device mockups by inserting screenshots into custom frames. (pricing: Free)
- [PimpMySnap](https://devshelf.io/resource/pimp-my-snap.md): Transform screenshots with animated stickers, backgrounds, mockup frames, and export options. (pricing: Freemium)
- [Ray](https://devshelf.io/resource/ray.md): A web-based tool for creating high-quality, stylized images of source code snippets for presentations and social media. (pricing: Free)
- [Screenshot Studio](https://devshelf.io/resource/screenshot-studio.md): An open-source, browser-based screenshot editor and mockup generator for creating professional graphics, code snippets, and animations. (pricing: Free)
- [Screenstab](https://devshelf.io/resource/screenstab.md): Auto-generate quality graphics and image assets from ordinary screenshots with custom ambient colors and rotation controls. (pricing: Free)
- [ShotLab](https://devshelf.io/resource/shotlab.md): Transform plain screenshots into polished visuals with customizable backgrounds, frames, stickers, and text annotations. (pricing: Freemium)
- [Shots](https://devshelf.io/resource/shots.md): Create device mockups, animated videos, and social media graphics with pre-made templates, custom backgrounds, and visual effects. (pricing: Freemium)
- [snappify](https://devshelf.io/resource/snappify.md): Create stunning code presentations, infographics, and animated videos with interactive code snippets for developers and educators. (pricing: Freemium)
- [Typing GIF Maker](https://devshelf.io/resource/typing-gif-maker.md): Browser-based text motion studio to create animated typing text GIFs with live preview and local rendering without server uploads. (pricing: Free)
- [W3Layouts](https://devshelf.io/resource/w3layouts.md): Repository of responsive website templates, UI kits, and WordPress themes for diverse industries. (pricing: Freemium)
- [zoxilsi studio](https://devshelf.io/resource/zoxilsi-studio.md): WebGL-based mesh gradient studio and background generator for web developers and UI designers. (pricing: Free)

---

Source: DevShelf.io, the hand-reviewed catalog of dev tools and resources. Every resource is reviewed by hand before it is listed.