Installation

Get started with Playset in your project.

Prerequisites

Playset requires a Next.js project with Tailwind CSS and shadcn/ui configured.

Install the component

terminalbash

1npx shadcn@latest add https://playset.dev/r/playset-card.json

Manual Installation

Copy the playset-card.tsx component into your components folder.

Dependencies

terminalbash

1npm install lucide-react next-themes

CSS Variables

Add the glow animation keyframes to your globals.css:

globals.csscss

1@keyframes glow-rotate {
2  from { transform: translate(-50%, -50%) rotate(0deg); }
3  to { transform: translate(-50%, -50%) rotate(360deg); }
4}
5 
6@keyframes glow-pulse {
7  0%, 100% { opacity: 0.6; }
8  50% { opacity: 1; }
9}