Deboss

The dent is a displacement applied in the shader, so the surface texture stretches with it instead of sliding underneath a mask.

Rails constrain where the dent can travel, which turns a novelty into something usable inside a real layout.

What is included

• Eight presets across depth and falloff

• Rail constraints keep the dent on-layout

• Degrades to a static surface without WebGL

Deboss: a hover rail where the artwork dents toward your cursor

Debossing presses a design into the material instead of raising it off. That is exactly what this does. Hover any frame and the image warps locally toward the pointer, a magnetic dent inside the picture plane with real light catching the depression. The frame itself never moves. Rendered live in WebGL, no code needed.

What you get

• 8 presets: Magnet · Bulge · Ripple · Vortex · Liquid Chrome · Paper Dent · Heat Haze · Ghost

• 4 warp modes: Pinch · Bulge · Ripple · Swirl

• Dent shaping: radius, strength, falloff, lit depth and chromatic split

• Isolate mode. Keep the dent inside the hovered frame or let the field bleed onto its neighbours

• Rail layout: item height, aspect ratio, gap, corner radius and backdrop colour

• Drag with inertia, wheel and trackpad travel, optional autoplay drift and a seamless infinite loop

• Cursor follow and scroll smoothing for buttery travel at any frame rate

• Unfocused frames dim and desaturate so the hovered one leads

• Per image captions with full font, size and colour control

• Control panel your visitors can open on the canvas, positionable in five spots and trimmable group by group

Presets set starting values and never lock a control

• Pauses off screen, respects reduced motion, crisp static frame in the editor

Drop it into a portfolio index, a product gallery, or a full-bleed editorial strip.

What’s included:

• Remix link to the Component.

• Free updates. The remix link always carries the latest version

• Email support: support@premshandilya.com

License: Single-user license. Use Deboss in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted.

Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn’t work as shown, email me and I’ll fix it fast.