Docs
→
Card
→
Shiny Card

Shiny Card

A shiny card with a shiny effect.

by Sarthak Kapila

Assets

Learn how to work with our brand assets.

Installation

Usage

Shiny Card Example

1import ShinyCard from "@/components/shiny-card";
2

3export default function Example() {
4  return <ShinyCard />;
5}

Understanding the component

The card uses a subtle elevation shadow that collapses on press, creating a tactile feel. Motion is powered by a spring animation for a responsive interaction.

Credits

By Sarthak Kapila.

Props

PropTypeDefault
variantstring"assets"Variant of the card.
classNamestring-Optional class name on the root container.
styleReact.CSSProperties-Inline styles for the root container.