Docs
Card
Lumi Card

Lumi Card

A lumi card with a lumi effect.

by Sarthak Kapila

UwU UI

UwU UI

Cool UI components

Installation


Usage


Lumi Card Example

1import LumiCard from "@/components/lumi-card";
2
3export default function Example() {
4 return (
5 <LumiCard
6 title={"UwU UI"}
7 subtitle={"Cool UI components"}
8 footerLabel={"github"}
9 imageUrl={"/logo.png"}
10 videoUrl={"/demo-vid.mp4"}
11 />
12 )
13}

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


PropTypeDefaultDescription
titlestring-Title of the card.
subtitlestring-Subtitle of the card.
footerLabelstring-Footer label of the card.
imageUrlstring-Image URL of the card.
videoUrlstring-Video URL of the card.