---
title: "SlicedTextFX — Framer component · Best of Framer"
description: "$10.00 · Framer component · by DiverseKit · Text. Hover-activated sliced text animation"
canonical: "https://framer.elliotli.dev/component/slicedtextfx"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/SlicedTextFX

# SlicedTextFX

Hover sliced text animation

[View on Framer](https://framer.com/marketplace/components/slicedtextfx/?via=elliot-li)

![SlicedTextFX preview image 1](https://framer.elliotli.dev/og/component/slicedtextfx/d625af84074ec5e9/1600x1200.jpg)

## 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.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-0z4cegpu-YxuqCRp2Q4JKYlKA4nHWkgtXlfYa77)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

## Rank history [How rankings work →](/terms#rankings)

-   All · #7719

## Details

- **Author**: DiverseKit
- **Price**: $10.00
- **Published**: 2026-02-11
- **Updated**: 2026-10-01
- **Added**: 2026-01-30
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing