A card with 3D tilt effect that responds to mouse movement for showcasing content.
$ npx shadcn-vue@latest add "https://nxui.geoql.in/r/showcase-card.json"Keep in mind
This component is inspired by various open-source projects and patterns. Please verify licenses and implementation details before using in production.
<script setup lang="ts">
import ShowcaseCard from '~/components/ui/showcase-card/ShowcaseCard.vue';
</script>
<template>
<ShowcaseCard
tagline="Work fast. Live slow."
heading="Create your digital reality."
description="From nothing to everything."
image-url="/images/showcase.jpg"
cta-text="Send a message"
/>
</template>
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | '' | Additional CSS classes for styling |