Components
Cards
Zoom Blur Card

Zoom Blur Card

Beautifully designed Zoom Blur Card with Tailwind CSS and Framer Motion. Copy, paste, and customize to enhance your web projects effortlessly.

Card Profile

Zoom Blur Card
Zoom Blur Card
Zoom Blur Card

The card component with zoom blur effect

Installation

Run the following command:

npx gopx-webui add zoom-blur-card

Props

PropTypeRequiredDescription
titlestringYesThe title to be displayed on the card. This is a required prop that provides context to the card.
descriptionstringYesA brief description of the card's content. This is a required prop that gives additional information.
imageUrlstringYesThe URL of the image to be displayed in the card. This is a required prop that specifies the image source.