u/GuavaBeneficial4658

I’m genuinely amazed by the time we’re living in.

I can spend more time on quality than ever before. I can experiment, throw away bad ideas, and try new ones several times a day - instead of holding onto the first working version for weeks just because it already cost too much time.

And I think what I love most is the feeling of creative freedom.

When the distance between “what if…” and a working prototype gets this small, you start exploring ideas you probably wouldn’t have even attempted before.

And every now and then, one of those experiments turns into something that makes you sit there and smile.

Today, that’s morphnext.

Any IconData can now morph on the fly.

Demo: https://kicknext.github.io/morphnext/

pub.dev: https://pub.dev/packages/morphnext

GitHub: https://github.com/KickNext/morphnext

And now I can finally go to sleep 🫠

P.S. Definitely check out the readme preview - it was pure Flutter

Recently I saw slot-text by Danilaa1: https://github.com/Danilaa1/slot-text

I really liked the idea: small UI text does not change all at once. Instead, only the changed letters roll.

I immediately wanted this kind of interaction in Flutter for my own projects, so I built reel_text.

At first I thought it would be a simple Flutter version of the same idea. But while building it, the package grew a bit in a Flutter-specific direction. The original web package already supports vanilla JS, React, Vue, Solid, and Svelte. In Flutter, I had to think about layout, selection, emoji, reduced motion, and controller-driven state.

reel_text is focused on short UI text:

Copy -> Copied -> Copy
Export -> Exporting... -> Exported
counters
status labels
rotating labels
rich text
inline corrections in editable text

What it supports now:

declarative ReelText
controller API: set() and flash()
async helper: runWhile()
waiting animations: ellipsis, wave, scramble
ReelText.sequence
SelectionArea support
emoji / grapheme cluster handling
TextAlign in constrained layouts
ReelText.rich
replacements inside EditableText
reduced motion support
no dependencies beyond Flutter

I also want to honestly say thanks to AI tools. Without them, this would have taken me much longer. They helped a lot with tests, edge cases, and trying different API shapes. Of course, I still had to check the code, rewrite parts of it, and run real Flutter tests, but the development speed was very different.

Basic example:

final label = ReelTextController(initialText: 'Copy');

ReelText.controller(controller: label);

label.flash(
  'Copied',
  options: ReelTextFlashOptions(
    enter: ReelTextOptions(colorBuilder: chromatic()),
    exit: const ReelTextOptions(direction: ReelTextDirection.down),
  ),
);

Live demo: https://kicknext.github.io/reel_text/

pub.dev: https://pub.dev/packages/reel_text

GitHub: https://github.com/KickNext/reel_text

Maybe I missed an existing Flutter package that already covers this exact niche. If you know one, I’d be happy to check it out. I’d also appreciate feedback on the API, especially the controller methods, waiting states, and editable text integration.

I made 500,000,000+ Flutter icon morphs. Not a single one by hand.

reel_text - Flutter text roll animations