Photo Flip Text

Photo Flip Text turns any word into a row of flip cards. Each letter starts as a photo, flips to reveal the letter, then flips back. It gives hero headlines, portfolios, and campaign pages a bold, memorable first impression, with no code.

What’s inside

• One image slot per letter, with photo first or text first

• 4 triggers: Auto Loop, Hover Card, Hover Word, and Click

• Flip axis: Horizontal, Vertical, or Checker

• Flip direction: Forward, Reverse, or Alternate

• Flip order: Left to Right, Right to Left, Center Out, or Random

• 6 flip styles: Smooth, Snappy, Soft, Bounce, Sharp, and Anticipate

• Card motion while flipping: Lift, Zoom, Dive, or Float

• Depth shade, light shine, soft shadow, and outline

• Photo drift and pointer tilt for extra depth

• Even letter spacing with Natural, Spread, and Centered modes, plus Tracking

• Equal width photo cards, adjustable gap, and rounded corners

• Gradient letters and your own font

Built for production

• Fits any width and scales with your layout

• Locked so instances can’t be detached

• Respects reduced motion and shows plain photo cards in static previews

How to use it

1. Add the component to your page.

2. Type your word.

3. Add one photo per letter.

4. Choose your trigger, flip style, and entrance.

Best for Portfolios, agency and studio sites, creative landing pages, and hero sections that need a standout headline.