Showcase

I'd love to see how you're using NumberFlow. Tag @mbarvian in a post on 𝕏 and I might include it here. Note: NumberFlow was previously called MotionNumber.

Pontus Abrahamsson — oss/acc

@pontusab

I love this number animation package `@number-flow/react` from @MBarvian

629

Ali Samadi

@alisamadi__

Made by Framer Motion and Tailwind CSS Inspired by @tweetbylokki

784

Michael Sommer

@mikesommersby

Fluid delete button Made with SVG filters and Framer Motion. Countdown using MotionNumber by @MBarvian

786

Steven Tey

@steventey

Just found my new favorite OSS library: @number-flow/react by @MBarvian It’s a React component for you to create seamless animations for your number transitions (link in 🧵) Just added it to @dubdotco in <10 mins and it looks absolutely gorgeous 😍

242

Ninio

@n___vc

Today I (re)build a range slider 🎚️ based on the initial version of @necatikcl – but with a little twist. Features: - Suffixes, like "min" or "h" - Native browser support (with little css animations) - Built with React.js - Uses Number-Flow by @MBarvian To be tested soon on…

337

Preet

@wickedmishra

A pull-to-refresh interaction. Made with Tailwind, Framer Motion and Motion Number by @MBarvian.

261