Wuren Studio / Foldline Forms Free

A short route to using it.

Four folded forms. Plenty of room for a point of view.

  1. Open index.html in your browser. It works from this folder.
  2. Choose an artwork and try your colours. Use Download SVG for a file, or Copy SVG for its source.
  3. Drag the downloaded SVG into Framer, Figma or another app that supports SVG. Keep the proportions when you resize it.

Make it yours

The assets folder contains four separate original SVGs and an overview. You can edit shapes and colours in a vector editor or in the SVG source. The colour tool changes the main ink, accent and paper colours. Detailed metal shades and lighting remain in place so the forms keep their depth. The artworks use vector paths and gradients. Edit their shapes and shading in a vector editor or in the SVG source. Framer can display an imported SVG as an image; use a vector editor when you want to edit its individual paths.

A little room for movement

The SVG files are static artwork. In Framer, you can animate the containing frame with a short reveal or a gentle hover response. Give visitors a useful reason to move it, and respect their reduced-motion preference.

Copying from a local file

If your browser blocks the copy button, the tool selects the SVG source for you. Press Ctrl+C on Windows or Command+C on macOS. Download SVG is the other route.

Use and support

Use these in your own completed projects or client websites. Credit is welcome and optional. The short licence explains source redistribution. For a file defect, tell us which file and what happened in the Wuren Studio discussion.

Open the artwork tool