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. For design work, questions, or help, please reach out at https://www.fireislanddesign.com/

Classic Mask Text with a twist