Animated metrics cardNew

A weekly productivity card with colorful deep-work, task, streak and project metrics scrolling in a seamless loop.

Installation

Set your access key from API keys as NEXTUI_TOKEN in .env.local and add the @nextui namespace below to components.json once. Then every item installs by name. Each install counts as a copy on a free account.

$pnpm dlx shadcn@latest add @nextui/animated-metrics-card

1{
2  "registries": {
3    "@nextui": {
4      "url": "https://nextui.dev/r/{name}.json",
5      "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6    }
7  }
8}

Usage

1import { AnimatedMetricsCard } from "@/components/nextui/animated-metrics-card";
2
3export function Example() {
4  return <AnimatedMetricsCard />;
5}

API reference