A premium frosted-glass article card with an animated orbiting gradient border, serif display headline, dark mode and full WCAG AA accessibility — drop-in, zero required props.
- React
- React 19
- TypeScript
Aurora Glass Card is a single-file React 19 + Tailwind component: a luxury glassmorphism article/blog card with an animated conic-gradient border that orbits the edge and intensifies on hover and keyboard focus. Fully themeable via CSS variable tokens, accessible by construction (stretched-link pattern, visible focus ring, aria-pressed save, prefers-reduced-motion), with graceful image and avatar fallbacks and a refined serif headline. Zero required props — drop it in and it renders beautiful defaults.
- Tailwind CSS
- Glassmorphism
- Dark mode
- Accessible
- lucide-react