Price Ticker
A real-time cryptocurrency price ticker component with price changes, volume, and market cap information.
Market Prices
Bitcoin
BTC
$50,000.00
+2.30%
$950.00B
Price Changes
1h+0.50%
24h+2.30%
7d-1.20%
30d+15.40%
Market Stats
Market Cap$950.00B
Volume (24h)$25.00B
Circulating Supply19,000,000 BTC
Max Supply21,000,000 BTC
Price Chart (7d)
7d agoToday
Ethereum
ETH
$3,000.00
+1.50%
$350.00B
Price Changes
1h-0.20%
24h+1.50%
7d+3.20%
30d+10.10%
Market Stats
Market Cap$350.00B
Volume (24h)$15.00B
Circulating Supply120,000,000 ETH
Max Supply∞ ETH
Price Chart (7d)
7d agoToday
Installation
Run the following command to add the Price Ticker component to your project:
npx w3-kit@latest add price-tickerThis will:
- Create the component in your
components/uidirectory - 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.