Holographic Card System

Tarjetas con efecto holográfico en Tailwind + Framer Motion

Descripción

Sistema de componentes React con 6 variantes de tarjetas holográficas — reflexión arcoíris, efecto prisma, scanlines y esquinas sci-fi. Implementado en Tailwind CSS v3 y Framer Motion sin dependencias adicionales.

¿Qué incluye?

• ✓6 variantes: prisma, arcoíris, neon, holo, glass, scifi
• ✓Efecto de tilt 3D al hacer hover (mouse tracking)
• ✓Accesible: respeta prefers-reduced-motion
• ✓TypeScript strict — sin implicit any
• ✓Storybook incluido con todos los estados
• ✓Tailwind v3 + Framer Motion 12

Ejemplo de uso

import { HoloCard } from '@shinsekai/holo-cards';

<HoloCard variant="prisma" intensity={0.8}>
  <h3>Tu contenido acá</h3>
  <p>El efecto holográfico sigue al cursor automáticamente.</p>
</HoloCard>