Media Text Hover — Hover text reveal with image or video

Where to use

• Landing pages with animated hover typography

• Creative portfolio hero sections with media reveals

• SaaS marketing websites with interactive headlines

• Agency websites showcasing brand identity sections

• Ecommerce campaign banners with hover animations

• Product showcase sections with visual storytelling

• Music and entertainment websites with motion typography

• Modern startup landing pages with immersive hero text

• Web3 and AI websites with futuristic UI interactions

• Interactive brand experiences and promo sections

Features

• Dynamic — Media reveal follows hovered character positions in real time

• Fixed — Create clean split text layouts with centered hover media

• Video — Supports auto playing video hover interactions for immersive effects

• Image — Display responsive image reveals with smooth expansion animation

• Spring — Natural spring motion creates fluid premium hover feedback

• Responsive — Flexible layout adapts across hero sections and banners

• Customizable — Adjust typography, spacing, radius, sizing, and animation controls

• Optimized — Intersection Observer pauses videos outside the viewport

• Smooth — Layout animations prevent harsh jumps during interaction

• Flexible — Works for portfolios, SaaS websites, gaming pages, and campaigns