Turn your typography into an interactive experience. [Insert Name] is a premium Framer component that transforms standard paragraphs into engaging discovery moments. Simply wrap any word in [brackets] to instantly turn it into a hover trigger that reveals a beautiful, floating image.Built to completely solve the notorious "hover glitch" found in most inline effects, this component uses an absolute floating architecture to ensure your paragraph's line height never breaks, jumps, or shifts. Whether you want an image to gently rise from the bottom, spin in from the side, or pop out of the center, the built-in custom animation engine gives you absolute control over every pixel of the reveal. Perfect for portfolios, agency sites, and premium landing pages.Features & Details
Custom Animation Engine: Ditch the restrictive presets. You have 100% control over the Start and End states for your X/Y offsets, Scale, and Rotation. Create any float effect imaginable.
Zero Layout Glitches: The images float seamlessly above your text. This means zero flickering, zero broken line heights, and no layout shifting when users hover.
Effortless "No-Typing" Setup: Just wrap your trigger words in [brackets] and upload your images to the list. The component automatically maps the 1st image to the 1st word, 2nd to 2nd, etc. No tedious keyword typing required!
Built-in Link Support: Turn any trigger word into a clickable link. Perfect for redirecting users to case studies, external articles, or product pages.
Deep Typography Control: Beautiful native Framer font controls, plus explicit styling for your trigger words. Adjust the highlight color, make the trigger word bolder, or dial in the exact thickness of your hover underlines.
Buttery Smooth Physics: Powered by Framer Motion, with fully adjustable Spring Stiffness and Damping sliders so you can make the animation feel snappy or elegantly slow.
Surp Shahid
