# Effects · Cards Expand React Section | Creght Blocks

> A scroll-triggered editorial card deck that unfolds from a compact fan into a diagonal composition.

[Blocks](/) [Sections](/#section-library) [TemplatesNew](/templates.md)

[Templates](/templates.md)

[EN](/blocks/cards-expand.md) [中文](/zh-CN/blocks/cards-expand.md)

[All sections](/)/Effects · Cards Expand

EffectsFree

Creght Blocks section

# Effects · Cards Expand

A scroll-triggered editorial card deck that unfolds from a compact fan into a diagonal composition.

[Full preview](/preview.md?section=cards-expand)

Use in Creght

## Live preview

Check the section at desktop, tablet, and mobile widths.

DesktopTabletMobile

About this section

## A production-ready building block

A scroll-triggered editorial card deck that unfolds from a compact fan into a diagonal composition.

### How to use it

1. 01
Review the fit

Read the description and technical profile before choosing the section.

2. 02
Test the layout

Switch device widths and open the full preview to inspect the interaction.

3. 03
Build with it

Open Creght and adapt the section to your brand, content, and conversion goal.


Technical details

CategoryEffects

PerformanceMedium load

RenderingClient animation

DependenciesNone

## Related sections

Explore more components from the same category.

[![Effects · Image Intro](https://fsu.creght.com/site/2083536173505974272/1786355364521__creght_blocks_covers_image_intro.png?w=3072&fmt=webp)](/blocks/image-intro.md)

### [Effects · Image Intro](/blocks/image-intro.md)

Image cards rise into a rotating ring for cinematic brand intros and portfolio showcases.

[![Effects · 3D Split](https://fsu.creght.com/site/2083536173505974272/1786355267639__creght_blocks_covers_3d_split.png?w=3072&fmt=webp)](/blocks/3d-split.md)

### [Effects · 3D Split](/blocks/3d-split.md)

A scroll-driven three-card split, flip, and settle sequence for immersive storytelling.

[![Effects · Inner Globe](https://fsu.creght.com/site/2083536173505974272/1785746498550__inner_globe.png?w=3072&fmt=webp)](/blocks/inner-globe.md)

### [Effects · Inner Globe](/blocks/inner-globe.md)

An immersive spherical photo field that rotates around the viewer to showcase brand imagery.

> Full page index: [/llms.txt](/llms.txt)