LIVE WEB CANVAS
Make this page your starting point.
Sign in to select, remix, and save layers from any webpage.
ACTIVE LAYER
Selection
Select the exact text, image, button, or section you want to remix.
History
0 editsCONTEXTUAL
Properties
Type and appearance
Select a layer to edit its visual properties.
LAYOUT
Move and arrange
Free move keeps the source layout intact. Reorder layout changes compatible flex or grid structure.
LIBRARY
Reusable styles
Text styles
Color styles
INSERT
Add to this remix
AI ASSIST
Propose a selected-layer edit
AI previews safe changes to the selected layer. Nothing applies until you approve it.
CODE LAB
Saved design logic
WEB CANVAS
Layers
Source-backed layers and tinkr-owned layers in this remix.
Your selected source layer and any tinkr-owned vectors, visual copies, and sections will appear here.
Sections
Uploads become tinkr-owned layers. The source page is never modified.
No uploaded assets. Add one to reuse it in this remix.
Save a sanitized selection as a reusable tinkr component. Instances remain safe, local remix layers.
No reusable components yet. Select a layer, then make it reusable.
Variables make shared color, spacing, radius, and typography values easier to reuse.
No variables yet. Extract tokens from a selection or create one here.
Page tokens
DEV MODE
Inspect
Inspect source anchors, computed values, accessibility, and the patch diff without changing the page.
Layer spec
Select an element for Dev Mode specs.
Accessibility
Select an element for role, label, and contrast.
SAFE PROTOTYPES
Prototype
Create safe tinkr interactions and motion. Source-site links and forms never run in Design Mode.
Motion
Keyframes apply to tinkr layers and safe CSS overrides.
Tools are on the floating bar at the bottom of the page.
Account and session
Design Mode requires a tinkr account.