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
As part of Gesture enabled listview it can be picked up with the Framework and Complete licenses or with the component license.
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.
Place the cards in a grid system, make them scrollable horizontally or create a tinder-like swipe away layout.
Cards - Video
Cards - Lists
Cards - Forms
Cards - Swipe away
Cards - Stacked cards
Cards - Content
Cards - Tabs
Cards - Collapsible
Cards - Accordion
Cards - Masonry layout
Cards - Grid layout
Looking for something you didn't see or have a sales question?
Ask us about it, we're here to help.