Glass Card

EfeitosCLI

Card glass com profundidade real: blur, borda interna luminosa, sombra em escala física e conteúdo elevado em Z.

Também no template SaaS Pro. Ver templates Pro →

Instalação

bash

pnpm add aura-ui-effects aura-ui-tailwind

Depois, importe o CSS uma vez no seu arquivo global (Tailwind v4):

css

/* app/globals.css */
@import "aura-ui-tailwind";
@import "aura-ui-effects/tailwind.css";

tsx

import { GlassCard } from "aura-ui-effects/glass-card";

Exportações

GlassCard

Tipos

GlassCardProps

É exatamente o arquivo que o CLI copia para o seu projeto — edite à vontade.