Hover Highlight
A beautiful, calligraphic hover-triggered highlighter component for Framer. It draws a realistic, organic highlight behind your text in real-time, featuring smooth responsive multiline wrapping and custom ink-bleed effects.
About this Component
A smooth, calligraphic hover-triggered highlighter component for Framer.
Features:
- Organic ink bleeding (accumulation) effect at the end of the stroke.
- Responsive inline-flex multiline wrapping (no layout layout glitches).
- Native Framer Transition support (Spring, Tween, bounce, delay).
- Highly designer-friendly pixel offsets (Pen Left & Pen Right).
- Clean, SEO-optimized semantic markup.
How to Use:
1. Copy the Component URL.
2. Open your Framer Project canvas.
3. Click the canvas and paste (Cmd+V / Ctrl+V).
4. Customize typography, spacing, timing, and colors in the properties panel!
Note: The source code is securely locked to ensure continuous performance updates.No unlinking required.
