# Free online mockup ## Visuals people actually want to click Screenshots, code snippets, posts, testimonials, chats, notifications and announcements: everything you need to create website and product mockups, and visuals for every channel: social media, email… ## Eight tools for all your needs Professional-quality visuals in a few clicks. - [Screenshot](https://www.clicshot.app/en/screenshot) : Device frames, 55 styles, annotations, backgrounds and 3D effects for your screenshots, whether you paste your image or import it from a URL. - [Code](https://www.clicshot.app/en/code) : Your code snippets in an editor window or your commands in a terminal. We support 26 languages and offer 10 themes. - [Post](https://www.clicshot.app/en/social) : Create a realistic post styled like X, Instagram, LinkedIn, Facebook, TikTok, Threads, Bluesky or Mastodon, ready to share. - [Testimonial](https://www.clicshot.app/en/testimonials) : Showcase your customers' reviews on social media or anywhere else with polished cards: rating, photo, company logo and review source. - [Conversation](https://www.clicshot.app/en/conversation) : Create a visual simulating a message exchange on iMessage, WhatsApp, Instagram, Snapchat, Teams, Slack, Discord or even Twitch. - [AI chat](https://www.clicshot.app/en/ai-chat) : Stage a conversation with an AI in the style of Claude, ChatGPT, Grok, Perplexity or Mistral's Le Chat, formatted answer included. - [Notification](https://www.clicshot.app/en/notification) : Simulate an iOS, Android or macOS notification, or a toast message, on its own or on its device screen, for example to announce a new feature or a sale. - [Announcement](https://www.clicshot.app/en/announcement) : Display a key metric with its trend and sparkline, or your product updates, on a card in your brand colours. ## Every feature for a professional result - **55 ready-made styles** : Prepare your visual in one click with our 55 preset styles or by creating your own. - **Device frames** : Window, browser, phone, tablet or laptop, in light or dark. - **Matching backgrounds** : We automatically extract your colours so the background matches your brand guidelines. - **Annotations** : Arrows, text, highlights, blurs, magnifier and emojis that follow the screenshot, even in 3D. - **3D effects** : Ready-made tilts, or fine control over rotation and perspective. - **Title and subtitle** : Add a message above your screenshot; its color adapts to the background. - **Web page capture** : Enter an address: ClicShot captures the page in desktop or mobile format. - **Before / after and montage** : Compare two screenshots or combine up to six in a single image. - **Sample code generation** : Ask the AI to write sample code for you, right in the editor. - **Social media formats** : 16:9, square, 4:5, 9:16 story, share image or banner. - **High-resolution export** : PNG, JPEG or WebP up to 4×, batch export in a ZIP archive, direct copy or share. - **Instant preview** : Rendering happens in your browser: every change shows up in real time, no waiting. ## Your own styles, for consistently on-brand visuals Save your favourite settings (background, frame, shadow, tilt) as your own styles. Export them to a file, import them on another computer or share them with your team: every screenshot follows the same brand guidelines. - Create a style in one click from your settings - Export and import your styles as a JSON file - Standardise your whole team's visuals ## Beautiful screenshots in 1 minute and 3 steps Nothing to install, no account to create. 1. **Add your content** : Paste content, drop an image or import it from a URL. 2. **Customize** : Pick a style in one click, then adjust the background, frame, padding and perspective. 3. **Export** : Download high-quality PNG, JPEG or WebP up to 4× for any use. ## Free and no sign-up Everything happens in your browser. No account to create, nothing to install, simple and fast. ## FAQ: everything about our custom screenshot tool ### What can I create with ClicShot? Styled screenshots, highlighted code snippets, social post visuals, customer testimonial cards, messaging conversations, notifications and announcements (key metrics, product updates). ### What is a Mockup ? A mockup is a visual representation that places a screenshot, design, or message into a realistic setting—such as a browser window, computer screen, or phone—to show how it looks in context. ClicShot creates these visuals online using your own content. ### Are the visuals suitable for social media? Yes. Depending on the type of visual you want to generate, we offer formats adapted for use on social media. ### In which formats can I export the visuals? PNG, JPEG, and WebP, from original size up to 4×. You can also copy the image to the clipboard. ### Does it work on mobile? Yes, our editor works on all types of devices: computers, mobile phones, tablets... ### How do you create a free mockup without Photoshop? Paste your screenshot, choose a style, then export. No software to install or PSD templates to download: ClicShot adds the frame, background, shadow, and perspective directly in your browser. ### Is ClicShot a paid service? No. The seven tools are free and can be used without registration. ### Are my images stored? No. ClicShot does not store your images; it only records usage statistics. The preview and your settings remain in your browser. ### Who owns the created visuals? It is up to you. You remain responsible for the screenshots, text, and images you upload, and for how you use the result—particularly when the visual reproduces the appearance of a third-party service. ## Contact us Have a question, a request or a suggestion? Fill in the form on your right. We will get back to you quickly. https://www.clicshot.app/en#contact Tool developed by API Studio, a [web agency in Colmar, France](https://www.api-studio.fr/) since 2015.