Design Resources

Burst is Shopify's free stock photo library. Focused on e-commerce and marketing. Product, lifestyle, and themed photos.

Smartmockups provides device and scene mockup templates. Upload designs to generate showcase images. Ideal for portfolios and marketing.

Contrast Ratio calculates foreground and background contrast and checks against WCAG. Ideal for accessibility and readability checks.

Accessible Colors checks if color combinations meet WCAG contrast requirements. Ideal for ensuring text and background accessibility.

ProtoPie supports high-fidelity interactive prototypes. Create sensor-based and multi-screen interactions without code. Ideal for complex interaction demos.

Overflow turns design files into clickable user flow diagrams. Auto-generates connection lines. Ideal for user paths and information architecture.

Maze runs user tests on Figma prototypes. Collect click heatmaps and task completion rates. Ideal for quickly validating design solutions.

Hotjar provides heatmaps, session recordings, and feedback surveys. Understand user behavior. Ideal for UX research and product iteration.

Balsamiq focuses on wireframes and low-fidelity prototypes. Hand-drawn style reduces visual distraction. Ideal for quickly exploring structure and flow.

Marvel supports importing from Sketch/Figma to create clickable prototypes and user tests. Ideal for product and design collaboration demos.

UI Movement curates product UI motion and interaction videos. Filter by product type. Great for motion and interaction inspiration.

Mobbin curates real app and web UI screenshots. Filter by feature and pattern. Ideal for competitor and pattern reference.

Land Book curates landing page design examples. Filter by industry and style. Ideal for landing page and conversion page inspiration.

Really Good UX breaks down UX details and patterns from great products. Includes analysis. Ideal for learning conversion and experience design.

Godly curates selected website designs. Focus on creativity and motion. Great for web visual and interaction inspiration.

Awwwards awards and showcases outstanding web design. Filter by industry and award type. Ideal for high-end web and motion inspiration.

CSS-Tricks provides frontend and CSS tutorials, snippets, and guides. Ideal for layouts, motion, and responsive design implementation.

CodePen is an online frontend playground. Write HTML/CSS/JS with live preview. Ideal for trying effects, creating motion, and sharing code snippets.