---
title: "Press & Foil — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Moonil Jung · Effects. Real print finishes for your logo"
canonical: "https://framer.elliotli.dev/component/press-foil"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Press & Foil

# Press & Foil

Real print finishes for your logo

[View on Framer](https://framer.com/marketplace/components/press-foil/?via=elliot-li)

![Press & Foil preview image 1](https://framer.elliotli.dev/og/component/press-foil/f53483e1c7de9557/1600x1200.jpg)

## Summary

Real print finishes for your logo

## Description

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](mailto:enffl0611@gmail.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #1961

## Details

- **Author**: Moonil Jung
- **Price**: $10.00
- **Published**: 2026-08-12
- **Updated**: 2026-08-12
- **Added**: 2026-08-12
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows