Feature Card

A motion-enhanced marketing card for product capabilities, platform benefits, and launch messaging.

Preview & Interactive Laboratory

Capability Grid

Adaptive Architecture

Composable primitives for SaaS shells, dashboards, and marketing surfaces.

Security Ready

Patterns already aligned for auth flows, gated views, and trust signaling.

Global Surfaces

Build region-aware experiences and localization-ready navigation structures.

Core Compute

Use high-signal feature blocks to explain system capabilities and product depth.

Usage & Implementation

<FeatureCard title="Adaptive Architecture" desc="Composable primitives..." icon="layout" index={0} />
React / Tailwind

Granular Customization

1

Card Shell

Controls blur, border, radius, and hover lift.

className={`className`}
2

Icon Token

Uses the internal icon map to render a themed capability glyph.

className={`icon='cpu'`}
3

Reveal Timing

Staggers entry animation based on card position.

className={`index={n}`}

API Reference (Props)

PropTypeDefaultDescription
titlestring-Primary feature heading.
descstring-Supporting capability copy.
icon'cpu' | 'layout' | 'shield' | 'globe''cpu'Selects a glyph from the internal icon map.
indexnumber0Controls stagger timing for reveal animation.