Artboard Studio

An online mockup studio for devices, packaging, branding and animated product scenes.

Design notes

Artboard Studio provides a browser-based workspace for putting designs into realistic device, packaging and branding mockups. Choose a scene, replace smart objects with your own artwork and adjust the composition to build launch visuals and portfolio presentations.

Its mockup and animation tools are useful for exploring how an identity or interface behaves across touchpoints, from digital products to physical packaging.

Present & Share
Web

The week’s best websites, apps and tools, once a week.

More Tools

Plinth
Sponsor
A private, browser-based device mockup maker with customizable frames, multi-device layouts and polished image or video export.
Nerio
Sponsor
An open-source React design system for product teams building SaaS and fintech interfaces.
Shaders Gallery
Sponsor
Explore, customize and export animated WebGL shader presets for digital products and visual experiments.
LS Graphics
Premium device mockups and design assets with flexible 3D and Figma workflows.
Mockuuups Studio
A mockup generator with a large library of device and lifestyle scenes for presenting designs.
Previewed
A browser tool for 3D device mockups, App Store screenshots and short animations.
Rotato
A Mac app for 3D device mockups you can rotate, snapshot and animate on a keyframe timeline.
Cap
An open-source screen recorder with instant sharing, an alternative to Loom.
Screen Studio
A macOS screen recorder that adds automatic zooms and smooth cursor motion to product walkthroughs.
Shots
A browser-based mockup editor that drops screenshots into device frames and exports images and short videos.
coss ui
Open-source UI components built with Base UI and Tailwind for refined product interfaces.
HeroUI
Accessible React components with a cohesive visual language and theming tools.
Magic UI
Animated React components and expressive effects for standout web interfaces.
Once UI
A design system for expressive Next.js products, with tokens and ready-made patterns.
Reshaped
An accessible React design system for polished, consistent product interfaces.
ReUI
A curated collection of React interface components and dashboard patterns.
Tremor
React components for analytics dashboards, charts and data-rich products.
Untitled UI
An extensive Figma UI kit and React component system for modern product design.
Base UI
Unstyled, accessible React component primitives for custom product interfaces.
shadcn/ui
Beautifully designed, accessible React components that you own and customize.
Ait
A native Mac notch utility for coding agents, GitHub, music, timers and quick tools.
Huddlekit
Collect visual feedback on websites with pinned comments, screenshots and responsive reviews.
Name That UI
A visual dictionary of interface elements, their names and AI-ready implementation prompts.
Pryzm
A visual studio for generative gradients, glass, grain and animated backgrounds.