Card

stable llms.txt

Modular card for organizing content into distinct sections with header, body, media, and footer.

Installation

bash
ts

Preset Configuration

Customize the appearance using presets

Examples

Explore different variations and use cases

Basic Card

Simple card with header, body, and footer

Card with Media

Card with image/media section

Clickable Card

Interactive card with click handler

API Reference

Accessibility

  • Proper semantic HTML structure
  • Keyboard navigation for clickable cards
  • ARIA attributes for interactive states
  • Focus management and visible focus indicators
  • Screen reader support for card content

© 2026 Svelte Atoms. Open source under the MIT license.

Built with Svelte 5 · Runes · TailwindCSS