Module Showcase

Browse every UI module variant available in the CASI design system. Each category page displays all layout variants with sample content so you can preview and compare designs.

Get StartedWatch Demo
Component Library

Module Categories

Click a category to explore all available design variants. Each showcase page demonstrates every variant with realistic sample content.

Heroes

11 variants

Full-width hero sections — centered, split, background image, blog article, and more.

View all

CTAs

8 variants

Call-to-action sections — centered, left-aligned, bold panels, split with checklists.

View all

Benefits

9 variants

Feature and benefit sections — alternating rows, icon grids, image cards, highlights.

View all

Brand Showcase

6 variants

Logo strips, marquees, grids, and trust statements for partner brands.

View all

Metrics

2 variants

Statistics sections — map-based grid and section heading with action buttons.

View all

Newsletter Signups

2 variants

Email subscription sections — heading with image and benefits checklist.

View all

FAQs

4 variants

Frequently asked questions — icon cards, accordion, and accordion with support CTA.

View all

Headers

3 variants

Page headers — title + actions, banner image, and title + tabs.

View all

Rich Separators

1 variant

Decorative divider lines with optional labels to separate page sections.

View all

Promo Cards

3 variants

Promotional banners and cards — full-width, grid-sized, and text-only.

View all

404 Pages

4 variants

Page-not-found designs — centered text, split image, helpful links, full-bleed.

View all