Mockup Generator

Configure your interactive widgets

Target Website URL

Active Devices

Desktop Laptop Tablet Mobile

Device Layout Presets

View & Appearance

Perspective View

Widget Background

Color

Gradient Preset

Image URL

Shadow Settings

Dist.

Blur

Opacity

Glossy Floor Reflection

Workspace Zoom

Canvas Aspect Ratio (Export)

Behaviors

Scaling Behavior Fit Viewport Height

Forces the widget to scale down so it never requires vertical scrolling to see the entire mockup.

Scroll Behavior Sync Scroll (All Devices)

Auto-Scroll Targets

Entrance Animation

End-User Controls Show Floating Control Panel

Allows visitors to toggle devices and sync scrolling on the embedded widget.

Advanced Layout & Resolutions

Layer Depths (Z-Index)

Desktop

Laptop

Tablet

Mobile

Resolution Overrides

Desktop

Laptop

Tablet

Mobile

Advanced Workflows

Use Separate URLs per Device

Snap to Grid (20px) while dragging

Desktop

Laptop

Tablet

Mobile

Inject Custom CSS

Inject Custom JS

Embed HTML Code

Import Configuration

Paste <sdc-mockup> snippet