Skip to content

component

SlicedTextFX

By DiverseKit

Details

Summary

Hover-activated sliced text animation

Description

SlicedText FX is an interactive text component for Framer that starts in a visually sliced or offset state. When users hover over the text, each slice smoothly animates back into perfect alignment, creating a satisfying reveal effect. You can control the number of slices, slice direction, offset distance, animation speed, easing, and delay. Typography, colors, spacing, alignment, and hover behavior are fully editable directly in Framer, allowing both subtle and dramatic visual styles. Ideal for hero titles, branding moments, navigation items, posters, and creative portfolios, SlicedText FX turns static text into an expressive, motion-driven interaction.

Introduction

Hover-activated sliced text animation

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750180608/148/228/309/79/15
  • All · #8060