Back to Components
Cards
Gradient Card
A card component with soft gradient glow effects. Great for feature highlights and content sections.
Featured
Gradient Card
A beautiful card with gradient background effects.
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/gradient-card.tsx
Installation
Using shadcn CLI
npx shadcn add gradient-card --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge