š® Retro-TV Toast
A retro-styled toast notification component for React & Next.js with authentic CRT monitor aesthetics, scanlines, and three customizable themes.
!Retro-TV Toast Demo !React !TypeScript !License
šŗ Features
$3
-
Dark Theme: Classic CRT monitor with green scanlines (light text on dark background)
-
Light Theme: Modern monitor display (dark text on light background)
-
Custom Theme: User-defined background color with automatic text contrast
$3
- Moving CRT scanlines with different colors per theme
- TV noise/static overlay for vintage feel
- Pixel-perfect borders and corners
- VHS-style glitch animations on hover/exit
- Progress bar with pause-on-hover functionality
$3
- ā
Success: Green theme for positive confirmations
- ā
Error: Red theme for critical errors
- ā ļø
Warning: Yellow theme for warnings
- ā¹ļø
Info: Blue theme for informational messages
$3
- TypeScript support with full type definitions
- Customizable duration (1-10 seconds)
- Click-to-dismiss or auto-dismiss
- Smooth entrance/exit animations
- Responsive design for all screen sizes
- Hover to pause countdown
- Accessible with ARIA labels
š Live Demo
š https://retro-toast.vercel.app
š¦ Installation
```bash
npm install retro-toast
or
yarn add retro-toast