Installation
Learn how to add Retro90s UI components to your project.
Prerequisites
Requirements
- A React project (Next.js, Vite, etc.)
- Tailwind CSS configured
- shadcn/ui initialized (components.json)
Setup shadcn/ui
If you haven't set up shadcn/ui yet, run this command first:
npx shadcn@latest init
Add Components
Use the shadcn CLI to add any Retro90s UI component to your project:
npx shadcn@latest add https://retro90s.dev/r/retro-button.jsonAvailable Components
retro-buttonWindows 95 button
retro-cardBeveled card container
marqueeScrolling text
star-backgroundTwinkling stars
blink-textBlinking text effect
rainbow-textRainbow gradient text
Optional: Retro Theme
Add these CSS variables to your globals.css for the full retro experience:
:root {
--background: #000080;
--foreground: #ffffff;
--primary: #ff00ff;
--secondary: #00ffff;
--accent: #00ff00;
}