Artem

Glass Stats Section

Component

About

Glassmorphism stats section in a black & red style: frosted-glass metric cards over a dark backdrop with red glow, red accent units, Montserrat type, and count-up numbers that start on scroll. Reduced-motion support. Pure React + Tailwind, no dependencies.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Glass Stats Section to your project and fits it to your theme.

Code

How Glass Stats Section is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { StatsSection } from "@/components/ui/stats-section-ticker";

export default function DemoOne() {
  return <StatsSection />;
}

More by Artem

View all
  • HANZO Secure Shield Hex

    HANZO Secure Shield Hex

    1
  • HANZO Fire Alarm Code

    HANZO Fire Alarm Code

  • HANZO Network LED Dots

    HANZO Network LED Dots

  • HANZO Radar Sweep

    HANZO Radar Sweep

  • HANZO Biometric Braille

    HANZO Biometric Braille

  • HANZO CCTV Binary

    HANZO CCTV Binary

  • HANZO LED Matrix

    HANZO LED Matrix

  • HANZO Laser Curtain

    HANZO Laser Curtain