Stats Carousel

A smooth carousel effect for displaying statistics.

Perfect for dashboards and data visualization.

Pumki UI

BUILD BEAUTIFUL UI. EFFORTLESSLY.

Ready-to-use, customizable components

15K+

Developers launching projects faster with Pumki

99%

Performance-optimized for a lightning-fast experience

Installation

Usage

1import StatsCarousel from '@/components/pumki-ui/carousels/stats-carousel';

1<StatsCarousel
2          title="CREATE STUNNING INTERFACES WITH SCROLLX UI COMPONENTS"
3          stats={[
4              { value: 40, suffix: "+", label: "Handcrafted animated components" },
5              { value: 12, suffix: "K+", label: "Developers building with ScrollX UI" },
6              { value: 99, suffix: "%", label: "Performance optimized for web" },
7          ]}
8          className=""
9          cardClassName=""
10    />

Props

Prop	Type	Default	Description
`stats`	`{ value: number; suffix?: string; label: string; id?: number; }[]`	`optional`	Array of stats with value, suffix, label, and optional id.
`title`	`string`	`optional`	Optional title above the carousel.
`className`	`string`	`""`	Extra classes for the wrapper.
`cardClassName`	`string`	`""`	Extra classes for stat cards.