Divyesh WebCraft
Ribbon Hero
Free3D ribbon with smooth motion
Searching…
FEATURES Cursor-following tooltip with smooth tracking Smart auto-positioning based on cursor location Customizable hover area with link support Optional arrow pointer Backdrop…
FEATURES
Cursor-following tooltip with smooth tracking
Smart auto-positioning based on cursor location
Customizable hover area with link support
Optional arrow pointer
Backdrop blur effects
Fully customizable colors, fonts, and spacing
Configurable show delay
SETTINGS
Positioning & Behavior:
Placement: Choose where the tooltip appears relative to cursor (Auto, Top, Bottom, Left, Right). Auto mode intelligently positions the tooltip on the opposite side of the nearest edge
Show Arrow: Toggle the directional arrow pointer on/off
Offset: Distance between cursor and tooltip (0-50px)
Delay: Time before tooltip appears after hover starts (0-2000ms)
Tooltip Appearance:
Tooltip Text: The message displayed in the tooltip
Tooltip Background: Background color of the tooltip
Tooltip Text: Text color inside the tooltip
Tooltip Font: Typography settings (size, weight, spacing, line height)
Tooltip Radius: Border radius of the tooltip (0-50px)
Tooltip Blur: Backdrop blur effect strength (0-20px)
Hover Area Settings:
Area Text: Text displayed in the hover area
Area Underline: Toggle underline decoration for area text
Area Link: URL to navigate to when area is clicked
Link Target: How the link opens (Same Tab, New Tab, Parent Frame, Top Frame)
Area Background: Background color of the hover area
Area Text: Text color in the hover area
Area Font: Typography settings for the hover area
Area Padding: Internal spacing of the hover area
Area Radius: Border radius of the hover area (0-50px)
Divyesh WebCraft
3D ribbon with smooth motion
Karim Saif
ٍpider that tracks your cursor

Jamik
Fluid cursor trail in pixels/ASCII

princeee
Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…