Price Chart

Ticker chrome with last price and signed delta. Use it for tokens, equities, or protocol TVL.

SOL

NVDA

Solana TVL

SOL vs ETH

Manual installation

Prefer to copy by hand? Open the Code tab on any example above and switch to the file you need — every source file is there, not just the demo. Drop them in your project like this:

• chart-kit.tsx→components/spectrumui/charts/chart-kit.tsx
• price-chart.tsx→components/spectrumui/charts/price-chart.tsx

Then install its dependencies: npm i recharts framer-motion

Usage

import { PriceChart } from '@/components/spectrumui/charts/price-chart';

<PriceChart data={series} symbol="SOL" name="Solana" />