Press & Foil

Real print finishes for your logo — hot foil, emboss, letterpress, spot UV — lit by a light that follows the cursor. Built for brand studios, identity sites and product pages where a mark should look printed rather than photographed.

Features

- Five finishes: hot foil, blind emboss, deboss, letterpress, spot UV

- Cursor-tracking light with weight and settle

- Holographic foil built on a real diffraction grating, not a rainbow overlay

- Paper, foil or transparent stock — foil stock plus a blind emboss reads as stamped metal

- Procedural grain that never tiles, and differs between instances

- Spot UV that only appears as the light moves, exactly like the real thing

- WebGL2 with no libraries — nothing to load before it draws

- Pauses when scrolled out of view, recovers from context loss

- Drifts on touch devices, respects reduced motion

Customization Options

- Artwork: SVG or transparent PNG, with size, rotation and offset

- Depth and bevel — sharp die through to sculpted relief

- Foil colour, shade, roughness, brush direction and angle

- Holographic amount and groove pitch

- Ink colour for letterpress

- Stock colour, shade and roughness

- Grain amount and scale

- Key light, cone size, edge softness, height and resting position

- Fill light and reflection angle

- Lag, and three motion modes

How to Use

- Paste the component onto your Framer canvas

- Drop in an SVG or transparent PNG — its alpha becomes the press plate

- Pick a finish and a stock

- Set the light: Key light for power, Light size for the cone, Edge softness for its rim

- Publish

Use Cases

- Brand and design studio sites

- Logo reveals and hero marks

- Packaging and product brand pages

- Stationery and identity showcases

- Luxury, beauty and spirits brands

- Award and credit badges

- Portfolio headers

- Coming-soon and launch pages

Updates are free — new versions reach you automatically.

Questions: enffl0611@gmail.com