Retro 80s
Nostalgic 80s-inspired hero section with retro colors, neon effects, and vintage aesthetics.
Main Features of Retro 80s
How to Use Retro 80s in Next.js
Installation Guide for Retro 80s
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
neonColor1 | string | #ff00ff | First neon color (magenta). |
neonColor2 | string | #00ffff | Second neon color (cyan). |
glowIntensity | number | 1 | Intensity of neon glow effects (0-2). |
enableScanlines | boolean | true | Enable retro CRT scanline effects. |
Related Components
Cartoonish
Playful cartoon-style hero section with fun animations and vibrant colors.
Draggable
Interactive hero section with draggable elements and smooth physics-based interactions.
Glass Operating System
Glassmorphism hero section with frosted glass effects and modern OS-inspired design.
When to Use
Best Practices
Why This Component Matters in Modern UI Development
Frequently Asked Questions
QDoes it have CRT scanlines?
Yes, the component features a built-in scanline overlay that can be toggled via the `enableScanlines` prop for a true vintage feel.
QCan I customize the neon colors?
The `neonColor1` and `neonColor2` props allow you to switch the primary glow colors between classic pink/blue or any brand neons.
QIs it mobile responsive?
The layout and neon effects are optimized to remain legible and vibrant on smaller screens, maintaining the retro atmosphere on the go.