Create Project
Deploy your new project in one-click.
Installation
templui add cardExamples
With Image

Featured Card
With top image
This card shows top image usage with lazy loading for better performance.
API Reference
Card
Main card container component for organizing related content.
| Name | Type | Default |
|---|---|---|
Unique identifier for the card element. | | - |
Additional CSS classes to apply to the card. | | - |
Additional HTML attributes to apply to the card element. | | - |
Header
Card header section for titles and metadata.
| Name | Type | Default |
|---|---|---|
Unique identifier for the header element. | | - |
Additional CSS classes to apply to the header. | | - |
Additional HTML attributes to apply to the header element. | | - |
Title
Card title component for the main heading.
| Name | Type | Default |
|---|---|---|
Unique identifier for the title element. | | - |
Additional CSS classes to apply to the title. | | - |
Additional HTML attributes to apply to the title element. | | - |
Description
Card description component for additional context.
| Name | Type | Default |
|---|---|---|
Unique identifier for the description element. | | - |
Additional CSS classes to apply to the description. | | - |
Additional HTML attributes to apply to the description element. | | - |
Content
Card content area for the main body.
| Name | Type | Default |
|---|---|---|
Unique identifier for the content element. | | - |
Additional CSS classes to apply to the content. | | - |
Additional HTML attributes to apply to the content element. | | - |