Skip to content

Smooth Reveal

Silky smooth gradient text reveal

Smooth Reveal preview image 1

Summary

Silky smooth gradient text reveal

Description

Finally, a scroll reveal that feels analog.

Most gradient text effects rely on color interpolation, which often "snaps" or breaks when scrolling fast. This component uses Opacity Layering technology to deliver a mathematically perfect fade at any speed.

Key Features:

  • 🚀 Performance Optimized: Renders at 60fps on all devices.

  • 🎨 Zero Snapping: Uses alpha-blending instead of hex-mixing for a silky smooth transition.

  • 🎛️ Custom "Tail" Length: Control exactly how long the fade is (from a sharp 10% to a dreamy 50%).

  • 🅰️ Native Font Support: Works instantly with your custom fonts and typography settings.

  • 📱 Responsive Ready: Perfect for Hero sections, feature lists, and storytelling moments.

Rank history How rankings work →

125015001750193488/149/59/2710/1911/10
  • All · #9215

Details

More like this