Counter

Spring-animated number counter with IntersectionObserver trigger, easing, and prefix/suffix support.

+0Stars

0.0%Uptime

0 componentsFree

0 usersDevelopers

Installation

Run the CLI

$npx particleui-cli add counter

Usage

TSX

import { Counter } from "@/components/ui/counter"

export default function Example() {
  return <Counter from={0} to={1000} duration={2} suffix="+" />
}

Props

Prop	Type	Default	Required
from	number	`0`	no
to	number	—	yes
duration	number	`1800`	no
decimals	number	`0`	no
prefix	string	`""`	no
suffix	string	`""`	no
className	string	—	no
formatter	(n: number) => string	—	no
easing	(t: number) => number	`easeOutExpo`	no

Details

Source filecomponents/ui/counter.tsx

Typeui

Categoriestext, particles

npm dependencies

Registry deps

Claude skill—