Card Shells

View our card shells that provide a basic structure for content, ideal for creating a uniform and organized layout.

Bottom Border Accent

A card shell featuring a distinctive accent on the bottom border.

Composed Large

A large card shell with a composed layout for various content types.

Composed Large Alternate

An alternative layout for the large composed card shell.

Composed Large Stacked

A large composed card shell with a stacked layout design.


Content Scrollable

A card shell with scrollable content.


Content Scrollable Custom

A card shell with scrollable content with custom scrollbar.


Content Scrollable Footer

A card shell with scrollable content and a footer.



Content Scrollable Footer Well

A card shell with scrollable content and a footer on a gray background.



Content Scrollable Section

A card shell with scrollable content and an additional section.



Content Scrollable Section Well

A card shell with scrollable content and a section on a gray background.



Dark Background

A card shell with a dark background for a sleek, modern look.



Footer

A card shell with a footer.


Footer Divider Well

A card shell with a footer on a gray background, separated by a divider.


Footer Well

A card shell with a footer on a gray background.

Gradient Background

A card shell with a gradient background for a dynamic visual effect.



Header

A card shell with a header.


Header Footer

A card shell with both a header and footer.



Header Well

A card shell with a header on a gray background.

Header Well Divider

A card shell with a header on a gray background, separated by a divider.


Header Well Scrollable Search

A card shell with a header on a gray background and a scrollable search area.



Left Indicator Accent

A card shell featuring a left-side indicator accent for emphasis or categorization.

Simple

A basic card shell.

Top Border Accent

A card shell featuring a top border accent for added visual interest.