✨ Glass UI Components

A collection of glassmorphism UI components built with Vanilla Extract

🔘 Interactive Buttons

📝 Form Elements

📝 Typography Components

Heading 1 - Uses natural browser sizing

Heading 2 - Uses natural browser sizing

Heading 3 - Uses natural browser sizing

Heading 4 - Uses natural browser sizing

Heading 5 - Uses natural browser sizing
Heading 6 - Uses natural browser sizing

This is a paragraph that adapts to light/dark themes automatically. The component only adds glassmorphism-friendly colors.

Use inline styles for custom colors - this is primary blue.

Use inline styles for custom weights - this is bold.

This is a span element. Inline styles for any customization needed.

🃏 Card Variants

✨ Default Card

This is a default card with interactive hover effects.

🎯 Primary Card

A primary themed card with compact padding.

🌟 Secondary Card

A secondary themed card with spacious padding.

Built with React, Vanilla Extract CSS, and lots of ✨ glassmorphism magic