Card

Contenedor visual para agrupar contenido relacionado. Composable con Header, Content y Footer.

Uso básico

Card completa

Aplicaciones Web

SPAs, SaaS y dashboards con Next.js

Performance 95+ en Lighthouse. Código limpio, tipado y testeado.

Con Badge

Card + Badge

API Service

Active

NestJS + PostgreSQL

Rate limiting, docs automáticas y observabilidad incluidos.

Composición

Card es totalmente composable. Usa solo las partes que necesites:

// Solo header
<Card>
  <CardHeader>
    <CardTitle>Simple</CardTitle>
  </CardHeader>
</Card>

// Solo content
<Card>
  <CardContent className="p-6">
    Contenido libre
  </CardContent>
</Card>

// Completa
<Card>
  <CardHeader>...</CardHeader>
  <CardContent>...</CardContent>
  <CardFooter>...</CardFooter>
</Card>