# Gothic Matrix Hero

> A dark, edgy hero section that combines Matrix-style digital rain with modern gothic aesthetics and GenZ design elements. Features animated falling characters, gradient text effects, glitch overlays, and cyberpunk-inspired typography. Perfect for tech startups, gaming platforms, digital art portfolios, or any project that wants to make a bold, underground statement. The component includes interactive hover effects, responsive design, and smooth animations that create an immersive "digital void" experience. Key Features:  Animated Matrix rain background with Japanese/English characters Gradient text effects with cyberpunk color palette (green, purple, red) Floating decorative icons (skull, ghost, lightning) Interactive CTA buttons with hover effects Responsive design for all screen sizes GenZ-friendly copy ("No cap", "underground", etc.) Glitch effects and pulse animations Modern typography mixing sans-serif and mono fonts  This component perfectly captures that dark academic/gothic GenZ vibe while maintaining the high-tech Matrix aesthetic. It's designed to stop users mid-scroll and create that "whoa" moment you're looking for!

- Author: [M.bin Salman](https://21st.dev/@muhammad-binsalman)
- License: unknown
- npm dependencies: lucide-react
- Live preview: https://21st.dev/@muhammad-binsalman/components/gothic-matrix-hero

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/muhammad-binsalman/gothic-matrix-hero?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt