Skip to content
Home/Docs/Components/Price-ticker

Price Ticker

A real-time cryptocurrency price ticker component with price changes, volume, and market cap information.

Market Prices

2 tokens
BTC

Bitcoin

BTC

$50,000.00

ETH

Ethereum

ETH

$3,000.00

Installation

Run the following command to add the Price Ticker component to your project:

npx shadcn@latest add https://w3-kit.com/registry/price-ticker.json

This will:

  • Create the component in your components/ui directory
  • Add all necessary dependencies to your package.json
  • Set up required configuration files
  • Add price data fetching utilities to your project

Features

Real-time Updates

Live price updates with configurable refresh intervals and WebSocket support.

Price Changes

Track price changes across multiple timeframes with visual indicators.

Market Data

Display market cap, volume, and supply information for each token.

Token Selection

Interactive token selection with customizable click handlers and callbacks.