We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.


The card control is a small container in which users can show defined content in specific structure. It is a pure CSS component built with markup and styles.

Card elements

Add header area that consists of title, sub-title, and avatar image to the card. You can have an avatar image in a rounded or squared shape positioned to the left/right side of the header.


The primary content area in the card can be loaded, and this can also hold text, images, links, and HTML elements.

Action Buttons

Action elements such as buttons, anchor links, and more can added within the card. This can be aligned vertically or horizontally. Actions such as share, like and redirect can be performed.


You can add custom images as card elements to act as the background cover to the entire container. You can also provide caption text within images in any one of the four corners.


Separate the card elements area by adding a horizontal line that is adapted to the parent element. Organized content can be viewed for visual representation.

Types of Card

Horizontal Card

Card elements can be customized to align horizontally. By default, card elements are aligned vertically.

Stacked Cards

You can align specific sections of horizontal cards vertically.

Advanced Cards

You can create advanced cards such as flip, reveal, and swipe-able cards. These are used to reveal more information, to save space, and to see hidden contents.


Card container by default fits the horizontal and vertical contents of different screens.

  • By default, the card width adapts to the parent container and this is customizable.
  • Height of the card depends upon the content given. The content will be browser scrollable if definite height is set to the card.

Adapted card in mobile layout

Data binding with actions

Form the collection of cards at application level using data binding. Custom actions like filtering and searching can be performed using the concept of data binding.

Template engine

Different collections of cards can be generated with the help of defined HTML templates to simplify rendering in application.

CSS and HTML elements

The elements of the card can be used in any order within it. That is, header, content, divider, images and action buttons can be used vertically in any order within card.

Elements of card in different order

Customizable background

The background of the card can be customized with images or different color variations.


Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.