---
title: "Letter Roll — Free Framer component · Best of Framer"
description: "Free Framer component · by Adam Kansky · Text. Button labels that roll on hover"
canonical: "https://framer.elliotli.dev/component/letter-roll"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Letter Roll

# Letter Roll

Button labels that roll on hover

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

![Letter Roll preview image 1](https://framer.elliotli.dev/og/component/letter-roll/483bbb0bef4fada3/1600x1200.jpg)

## Summary

Button labels that roll on hover

## Description

Each letter rolls up or down to a copy of itself on hover, in a wave. Drop it inside a button or a navigation link and set Hover Target to Parent, so the whole button triggers it.

Controls for stagger, duration, direction, hover color, link and new tab. Rolls on keyboard focus too, and screen readers read the plain text. Made by Plainware.

Questions or a problem? plainwaretemplates@gmail.com, replies within a day.

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

-   All · #4751

## Details

- **Author**: Adam Kansky
- **Published**: 2026-09-14
- **Updated**: 2026-09-30
- **Added**: 2026-09-14
- **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