🃏 Cards & Surfaces

Structured surface containers supporting flat, elevated, glassmorphism blur, neon glow, and interactive hover animations.

Live Preview: Glass & Interactive Cards

Glassmorphism Card

Pro

Backdrop blur filter with subtle borders and smooth hover lift elevation.

Glow Accent Card

Reacts directly to the active theme accent color.

<article card="glass" interactive>
  <header card-header divided>
    <div card-title>Glass Card</div>
  </header>
  <div card-body>
    <p>Content goes here...</p>
  </div>
  <footer card-footer divided>
    <button variant="primary">Action</button>
  </footer>
</article>