---
title: "Scroll Effects Pack — Free Framer component · Best of Framer"
description: "Free Framer component · by KO Studio · Text. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/scroll-effects-pack"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Scroll Effects Pack

# Scroll Effects Pack

Free Text animations

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

![Scroll Effects Pack preview image 1](https://framer.elliotli.dev/og/component/scroll-effects-pack/559ca8ecf1d0bed2/1600x1200.jpg)

## Summary

Free Text animations

## Description

Say hi to the [**new Free version**](https://www.framer.com/community/marketplace/components/text-motion-pack/) with 5x more presets & 6+ triggers (on view/on scroll/loop/...)

\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_

### Interactive Features

-   Scroll-driven character reveal
    
-   Smooth, high-performance animations
    
-   Eight unique text effects for versatile styling
    
-   Configurable animation parameters: speed, spacing, blur, scale, color
    

### The 8 Effects

1.  Blur Reveal – Characters start heavily blurred and sharpen progressively.
    
2.  Scale Up – Dramatic 3D scale with perspective, subtle shadows, and zoom-in effect.
    
3.  Kern Tight – Animated letter-spacing for a pulling-together text effect.
    
4.  Type Writer – Classic terminal-style reveal with a blinking caret.
    
5.  Smart Type – Highlights the active word with accent color and underscore caret.
    
6.  Hand Write – Spring-based handwriting animation with rotation and slide-in.
    
7.  Scramble In – Characters cycle through random symbols before revealing the correct text.
    
8.  Magic Text – Characters start scattered and spring back; hover adds scale and color accent.
    

### Customizable Design

-   Adjustable blur, scale, and spacing
    
-   Control animation speed and smoothness
    
-   Configurable caret behavior and accent colors
    
-   Fully responsive and ready for production
    

### How It Works

The component tracks scroll progress within a container and maps it to each character’s animation state. Characters are wrapped in AnimatedElement components that receive their index and the current scroll progress. Selected effect transforms (opacity, blur, scale, position, color) are applied to create a polished, interactive reveal experience.

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

-   All · #368

## Details

- **Author**: KO Studio
- **Published**: 2026-04-15
- **Updated**: 2026-08-06
- **Added**: 2026-04-08
- **Categories**: Text

## More like this

-   [Hover Stretch Text](/component/hover-stretch-text) — 584.studio · $3 — Responsive & fully customizable
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing
-   [Odometer Stats](/component/odometer-stats) — Pixlify · Free — Rolling number counters
-   [Clipped Words](/component/clipped-words) — Interface Studio · $5 — Words With a Little Chaos