Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

BlockReactregistry:block1 dependency

m-animated-number-2

Upload progress — percentage label animates alongside a CSS progress bar

@cnippetRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

3 variants

Variants of this

Other takes on m-animated-number-2 from @cnippet — the same idea in another design, language or styling.

Dashboard metrics — three KPI cards spring on multiplier toggle

Open
@cnippet

More from @cnippet

All 148 items
m-text-generate-effect-2
Block
item
Component
m-random-letter-swap-3
Block
m-variable-font-hover-2
Block
m-text-gradient-3
Block
m-vertical-cut-reveal-1
Block
m-rotating-text-3
Block
meter
Component