Cards component for rendering any type of content: photos, text, video and forms in a consistent way.
Use it for organizing content and provide entry points with optional actions.
Shipping with useful features for creating effective layouts:
- Built from three blocks: header, content & footer
- Fully supports typograpy elements & classes
- Thumbnail, avatar, inline & cover image support
- Integrates with horizontal scroll view and list view
- Multiple theme support
- Lightweight footprint
- RTL Support
- Supports card collections
Cards demos available for other frameworks.
Viewing demos & code for
Change the theme setting here
Change the language and localization settings here
Cards - Basic
Cards - Images
Display images inside cards in a couple of different ways. Place it as a cover, make it full-width, inset images or use them as thumbnails.
You can use the it as an alternative to the
ion-card component, with advanced features and capabilities.
Cards - Video
Cards - Lists
Cards - Forms
Cards - Swipe away
Cards - Stacked cards
Cards - Content
Cards - Tabs
Cards - Collapsible
Looking for something you didn't see or have a sales question?
Ask us about it, we're here to help.