whatisgithub

What is rolling_text?

lportals/rolling_text — explained in plain English

Analysis updated 2026-05-18

13DartAudience · developerComplexity · 2/5LicenseSetup · easy

In one sentence

A Flutter widget package that animates text and numbers with a smooth vertical rolling effect, like an old scoreboard or odometer flipping digits.

Mindmap

mindmap
  root((rolling_text))
    What it does
      Vertical rolling animation
      Spring physics
      Odometer style effect
    Tech stack
      Dart
      Flutter
      No dependencies
    Use cases
      Animated counters
      Copy confirmation labels
      Loading and progress loops
    Audience
      Flutter developers
    Features
      Stagger and bounce
      Thousand separators
      Reduced motion support

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Animate a counter, score, or price so it rolls smoothly when the value changes.

USE CASE 2

Show a rolling copy-to-clipboard confirmation label like 'Copy' to 'Copied'.

USE CASE 3

Display loading or saving status with built-in ellipsis, wave, or shimmer waiting loops.

USE CASE 4

Format numbers with currency prefixes, percent suffixes, or European-style separators while animating.

What is it built with?

DartFlutter

How does it compare?

lportals/rolling_textjiminlee-way/sejongunivmobilelover520f/xybox
Stars131414
LanguageDartDartDart
Setup difficultyeasymoderatehard
Complexity2/53/51/5
Audiencedeveloperdevelopergeneral

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Standard pub.dev package add, no external dependencies or extra configuration needed.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

So what is it?

rolling_text is a Flutter package that provides animated text and number display widgets. The core visual effect is a vertical rolling transition: when a value changes, each character slides up or down through a slot, similar to how digits flip on an old mechanical scoreboard or odometer. The animations are driven by spring physics, so each character bounces and settles rather than moving at a fixed speed. The package includes two main widgets. RollingText handles any string and animates character changes when the text updates. RollingNumber is specifically for numeric values and automatically decides the direction of the roll based on whether the number went up or down, with no extra configuration needed. RollingNumber supports decimal precision, prefix and suffix labels (like currency symbols or percent signs), thousand separators in both English and European comma-period formats, zero-padding, and automatic handling of negative sign characters. A stagger option lets each character in a word animate with a slight delay after the previous one, creating a ripple effect across the text. The bounce setting adds subtle variation in spring behavior per character so the animation feels less mechanical. An optional edge-fade property dims the top and bottom of each character slot to create an odometer-depth look. For situations where content is loading or processing, the package includes built-in waiting loops. Ellipsis mode cycles through trailing dots on a label, wave mode rolls each character in place in a repeating ripple, and shimmer mode passes a color highlight across static text. A progress loop cycles through a list of custom message frames. All of these are controlled through a RollingTextController that also provides a flash method for temporarily showing a confirmation message before reverting. The package respects system-level reduced-motion accessibility settings and has no third-party dependencies. It is available on pub.dev and licensed under MIT.

Copy-paste prompts

Prompt 1
Show me how to add rolling_text to a Flutter project and animate a simple counter with RollingNumber.
Prompt 2
Help me set up a RollingNumber widget that displays a price with a dollar prefix and two decimal places.
Prompt 3
Explain how to use RollingTextController to show a temporary 'Copied' confirmation message.
Prompt 4
Walk me through adding a stagger and bounce effect to a RollingText widget.

Frequently asked questions

What is rolling_text?

A Flutter widget package that animates text and numbers with a smooth vertical rolling effect, like an old scoreboard or odometer flipping digits.

What language is rolling_text written in?

Mainly Dart. The stack also includes Dart, Flutter.

What license does rolling_text use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is rolling_text to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is rolling_text for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.