# Rolling Text Animation

> A remixable Framer component showing a sliced rolling text page-load animation.

This is a free Framer demo featuring a sliced, rolling text animation that triggers on page load. Created by Toni Järvinen, it includes a direct remix link so designers can inspect the effect and duplicate it into their own Framer projects.

Website: https://rollinganimation.framer.website/

## What it is for

- Add a dynamic rolling text reveal to a Framer hero section
- Inspect the layer structure and animation triggers for sliced text effects in Framer
- Duplicate and customize the effect into an existing Framer website

## Features

- Pre-configured sliced rolling text reveal animation
- One-click Framer remix link to clone the project directly
- Minimal black-and-white design template
- Creator tutorial and social links included

## Pricing

Free to preview and remix into Framer

## Details

- Type: Web app
- Category: [Design](https://xiry.app/topics/design.md)
- Open source: no
- Platforms: Web
- For: Framer designers and web developers looking for creative typography animations.
- Tags: framer, animation, typography, web design, remix

## Why it was saved

- [@tonjrv, 29 October 2023](https://x.com/tonjrv/status/1718626522439766103): Shows the technique in action and can be remixed in Framer to reuse the animation

## Related

- [Alejandro Mejias Portfolio](https://xiry.app/resources/alejandro-mejias-portfolio): Personal design portfolio showcasing brutalist layouts, bold typography, and interactive cards. (Website, Free)
- [Shader Gradient](https://xiry.app/resources/shader-gradient): Design tool for generating animated 3D moving gradients and web components. (Web app, Free)
- [Space Type Generator](https://xiry.app/resources/space-type-generator): Browser-based kinetic typography tool for generating animated 2D and 3D text (Web app, Free)
- [SVG Pattern Builder](https://xiry.app/resources/svg-pattern-builder): Online generator for customizable static and animated SVG geometric background patterns. (Web app, Free)
- [15 UI Sites You'll Need](https://xiry.app/resources/15-ui-sites-you-ll-need): Curated collection of 15 UI and design resources for polished websites. (List, Free)
- [Buttermax](https://xiry.app/resources/buttermax): Design studio portfolio featuring playful interactive 3D and retro visuals (Website, Free)

Updated 10 October 2026. Page: https://xiry.app/resources/rolling-text-animation

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.