Glass Card

Glassmorphism content cards with 3D tilt-on-hover, spring physics, and a cursor-following glare highlight.

Cards & ModalsGlass3D

Analytics

Real-time metrics and insights for your application.

Automation

Streamline your workflows with intelligent triggers.

Security

Enterprise-grade protection for your data.

Add to your project

One command adds this component to your project.

1

Run the following command:

npx shadcn@latest add "https://aicanvas.me/r/glass-card.json"
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More like this