Metric Signal Card | Free Dashboard for React & Tailwind CSS

283views

A compact dashboard metric card with a Lucide trend icon, emphasized value, contextual change label, and a clean dark analytics surface.

Installation

How to use

Import MetricSignalCard into a dashboard grid. Replace the sample metric, trend, and supporting label with props or live analytics data, and choose the Lucide icon that matches the metric.

Dependencies

lucide-react

Back to all components More Cards

Explore more

Related components

Shader Driven Image Cards with Ripple Effect

Glassmorphism Card Grid

Shuffle Testimonial Cards

Cards

Metric Signal Card | Free Dashboard for React & Tailwind CSS

283views

A compact dashboard metric card with a Lucide trend icon, emphasized value, contextual change label, and a clean dark analytics surface.

Installation

How to use

Import MetricSignalCard into a dashboard grid. Replace the sample metric, trend, and supporting label with props or live analytics data, and choose the Lucide icon that matches the metric.

Dependencies

lucide-react

Back to all components More Cards

Explore more

Related components

Shader Driven Image Cards with Ripple Effect

Glassmorphism Card Grid

Shuffle Testimonial Cards

Metric Signal Card | Free Dashboard for React & Tailwind CSS