Glyph Tiles

Glyph Tiles is a Framer text hover effect component: big solid type where every letter hides a photo. Hover a letter and a photo wipes into its place, then fades back after a moment. Photo Fill instead cuts every letter out of a photo.

Use a heavy font and 4 to 10 photos with clear shapes. The photos load when the text comes into view.

Controls:

• Text, Tag, Style: Photo Tile (a photo replaces the letter on hover) or Photo Fill (letters cut out of photos)

• Images, Image Per: photos used in turn, one per letter or per word

• Font, Color, Trail Color, Align: bold and black weights work best

• Reveal, Hold, Duration: Wipe up, Fade or Grow, how long the photo stays after the cursor moves on, and the length of the transition

• Tile Radius, Tone: corner radius, and a tint from the letter colour for a quieter look

• Shrink To Fit: scales the type down when a word is wider than the space

On phones a tap shows a letter's photo, and Shrink To Fit keeps long words on screen. With reduced motion photos appear and disappear without the wipe. Colour controls take your tokens, so dark mode follows the theme. It works on Arabic right-to-left pages and keeps Arabic words joined.

Setup: paste the component onto the canvas, type your word, add photos under Images and set a heavy font. Black weights read best.

After checkout: the component link to paste onto your Framer canvas, plus an editable Framer project with a demo page.

All nine components in one project, the Motion Kit, are USD 49: https://buy.stripe.com/bJeeVd3Pq0y116z5l4f3a0i

All sales are final, no refunds. If the component link does not work or you were charged twice, email hello@unreel.ae and we fix it.