Build Blocks / Free edition
A story worth connecting.
A free interactive Framer clue board with movable images, keyboard positioning, reading-order controls and connected project notes.
1 independent editable Framer code component source and official versioned insert link
A working example. Open the live demo to explore the interactions.
Give the details a place to meet. Trace Board connects a project through movable image clues, relationship notes and a reading order you can rearrange. Replace the fictional Blue Hour Archive with your own research, portfolio or process story. Drag, use the keyboard or choose a clue from the list. The wall of sticky notes can take a day off.
Inside the free edition.
01 / 1 independent editable Framer code component source and official versioned insert link
02 / A complete offline interactive example with matching layout and input methods
03 / 3 original fictional AI-assisted artwork PNGs and 3 web JPEGs
04 / Editable image, text, link, palette and font controls
05 / English guide, art index and free commercial license
Let the connections show.
Add the working component
Extract the ZIP and open index.html for the standalone example. Use the Framer insert link below or import the included component source. Set it to Fill width and Fit Content height.
Replace the selected works
Use the controls for your own images, titles and supporting details. Adjust the supplied colour and font controls to suit the surrounding website. Optional item links can remain empty until you have a real destination.
Try the complete interaction
Use the equivalent pointer and keyboard paths, inspect the selected work and try the motion control. Check the focused and expanded states on a phone. The English guide explains the component-specific editing and interaction flow.
Insert the Framer component.
Free for the work you finish.
Use and adapt this edition in multiple completed personal, commercial and client projects. Credit is optional. Keep the reusable source and assets inside your finished design rather than repackaging or redistributing them as another resource. The ZIP includes the full license and English guide.
Get the free files
Wuren Studio. Digital goods with a point of view.
Paid orders and delivery are handled by Lemon Squeezy.
For order or product issues, use the seller contact shown on your receipt.