Installation
Usage
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
class | string | - | Additional Tailwind CSS class names to apply to the card. |
Credits
- Credits to SivaReddy Uppathi for this component.
- Inspired from Aceternity UI.
Learn more about Mintlify
Enter your email to receive updates about new features and product releases.
A glare effect that happens on hover, as seen on Linear’s website.
npx inspira-ui add glare-card
<template>
<GlareCard class="p-6">
<h3>Card Title</h3>
<p>Hover over this card to see the glare effect.</p>
</GlareCard>
</template>
<script setup>
import { GlareCard } from '@/components/ui/glare-card'
</script>
| Prop Name | Type | Default | Description |
|---|---|---|---|
class | string | - | Additional Tailwind CSS class names to apply to the card. |