Ticker

Stock/crypto ticker with price formatting and change indicators for React

Compose TickerIcon, TickerSymbol, TickerPrice, and TickerPriceChange in any arrangement. Prices format with your locale settings. Positive changes show green with an up arrow, negative shows red with a down arrow. Renders as a button for easy click handling. Great for crypto dashboards, stock watchlists, or portfolio trackers.

Ticker preview

Scroll to load preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/ticker.json

npx shadcn@latest add https://www.shadcn.io/r/ticker.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/ticker.json

bunx shadcn@latest add https://www.shadcn.io/r/ticker.json

Counter

Numeric counter

Marquee

Scrolling content

Number Ticker

Animated numbers

FAQ

Was this page helpful?

Credit Card

Credit card display with 3D flip animation and card logos for React

Choicebox

Card-style radio selection with rich content for React

Ticker

Ticker preview

Installation

Related Components

Counter

Marquee

Number Ticker

FAQ

How do I change the currency format?

How does the change indicator work?

How does the icon fallback work?

How do I handle clicks?