Card

A versatile card component that support text and images, customizable gradient backgrounds, hover effects, animations, and flexible elements, built with shadcn/ui and Tailwind CSS.

This powerful card component is designed for maximum versatility, offering a sleek and modern look with built-in gradients, smooth hover effects, and subtle animations. It supports a variety of content elements—such as titles, descriptions, and actions—making it perfect for showcasing information, features, or interactive content in your application.

Built on top of the shadcn/ui card, this version is even sleeker and more robust, providing enhanced styling options and improved flexibility for modern landing pages and marketing sites. The component is fully responsive, supports dark mode, and ensures consistent accessibility and design across your interface.

Installation

1

Set up project

If you haven't done that already, follow the installation guide before installing your first component.

2

Purchase Launch UI Pro

Get access to Launch UI Pro and copy the files you need into your projects.

Get Launch UI Pro
3

Install dependencies

npx shadcn@latest add "https://launchuicomponents.com/r/card"

Usage

Pro
Get all-access

Card Title

Card's description goes here. It can be very short or take several paragraphs.

Need help?

File a feature request, report a bug, or ask me anything.

Email meCreate issue