Browse
Pricing
Sell on Stow
Blog

The marketplace for premium UI components and blocks. Build faster with ready to use designs.

Company

About

Product

Pricing
Sell on Stow

Resources

Blog
Creator Documentation

Discover

Explore
All Products
Shadcn
React

© 2026 Stow. All rights reserved.

Terms of Use Privacy Policy

Midnight Analytics Board by Stow | Stow

Midnight Analytics Board

Framework: React UI library: Shadcn Type: Block Subtype: Dashboard overview Industry: Analytics More like this

Created by Stow

Open in New Tab

code:

Features

4 KPI cards with trend indicators and percentage changes
Weekly bar chart with gradient fills and utilization summary
Real-time activity feed with color-coded event types
System status bar with uptime and latency metrics
Live and time-range filter badges
Responsive grid layout (stacks on mobile)
Full light/dark mode with cyan accent highlights

Dependencies

lucide-react for analytics and UI icons
Shadcn card, badge, separator components

Customization

Update KPI values in the kpis array with real data
Modify chartData for actual weekly metrics
Replace activityFeed entries with live event data
Adjust midnight navy (#0A1628) and cyan (#06B6D4, #22D3EE) colors
Connect to a real data source for dynamic updates

More from Stow

Explore other blocks from this seller

Tidal Use Cases

Tidal Use Cases

Slate Form Section

Slate Form Section

Rustic Footer Section

Rustic Footer Section

Obsidian Pricing Grid

Obsidian Pricing Grid

Neon Error State

Neon Error State

Ivory Feature Showcase

Ivory Feature Showcase

Ember Stats Dashboard

Ember Stats Dashboard

Crimson Hero Banner

Crimson Hero Banner

Citrus Value Proposition

Citrus Value Proposition

Azure Testimonial Wall

Azure Testimonial Wall