Components
Loading preview...
A responsive React UI component that presents key performance metrics (revenue, subscriptions, sales, active users) in styled cards, each with a mini line chart and custom tooltip, built with Tailwind CSS and Recharts.
@dhiluxui
npx shadcn@latest add https://21st.dev/r/dhileepkumargm/analytics-dashboardimport React from 'react';
import AnalyticsDashboard from "@/components/ui/analytics-dashboard";
export default function DemoOne() {
return (
<div
className="flex min-h-screen w-full items-center justify-center
bg-gray-900
bg-[radial-gradient(ellipse_80%_80%_at_50%_-20%,rgba(120,119,198,0.3),rgba(255,255,255,0))]
p-4 sm:p-6 lg:p-8"
>
<AnalyticsDashboard />
</div>
);
}