Components
Market Snapshot
Stock snapshot card: animated price line with pointer scrubbing, a 1D-to-All period switch, and the hovered price reading into the header with its delta. Light and dark via theme tokens.
import { useEffect } from "react"
import { Demo } from "@/components/ui/market-snapshot"
export default function DemoOne() {
// open the preview in dark by default; the sandbox theme toggle still works
useEffect(() => { document.documentElement.classList.add("dark") }, [])
return (
<div className="w-full">
<Demo />
</div>
)
}
More examples
Market Snapshot DemoOpen page →
Dependencies
Published
Similar components
Explore more
Part of ssicevs UI — browse the full library on 21st.dev.