Slide Image Txt Mask — Classic Mask Text with a twist

Image Mask Text is a Framer code component that lets you display text with a fully animated image slideshow masked inside the letterforms — creating a striking visual effect where your images appear to live within the text itself.

Upload as many images as you want and set a custom slide duration to control the pace of the animation. Each transition crossfades smoothly between images, keeping the effect polished without any extra configuration. Choose from three image fit modes — Cover, Contain, or a custom Percent scale — to get exactly the framing you want inside your text.

Full font controls give you command over size, weight, style, letter spacing, line height, and alignment. A fallback text color kicks in automatically when no image is provided, so the component always looks intentional in every state.

Features

• Animated image slideshow masked into text

• Add unlimited images via the property panel

• Adjustable slide duration (0.5s – 30s)

• Smooth 400ms crossfade between slides

• Three image fit modes: Cover, Contain, Percent

• Extended font controls including size, weight, style, spacing, and alignment

• Solid color fallback when no image is set

• Clean, minimal setup — no code required

Ideal for hero sections, landing page headlines, portfolio headers, and anywhere you want type that genuinely stops the scroll.