Auto-cycling market news card: timestamp, bold headline, source, and dot pagination. Dot clicks jump and reset the clock; auto-cycle pauses for reduced-motion users. Light and dark via theme tokens.
import { NewsCard } from "@/components/ui/news-card" export default function DemoOne() { return ( <div className="flex min-h-[320px] w-full items-center justify-center p-8"> <NewsCard /> </div> ) }
Part of ssicevs UI — browse the full library on 21st.dev.