Slide Image Txt Mask

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.

For design work, questions, or help, please reach out at https://www.fireislanddesign.com/