# Effects · 3D Split React Section | Creght Blocks

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

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

[Templates](/templates.md)

[EN](/blocks/3d-split.md) [中文](/zh-CN/blocks/3d-split.md)

[All sections](/)/Effects · 3D Split

EffectsFree

Creght Blocks section

# Effects · 3D Split

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

[Full preview](/preview.md?section=3d-split)

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-driven three-card split, flip, and settle sequence for immersive storytelling.

### 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

PerformanceVisual-heavy

RenderingClient animation

Dependencieslucide-react

## 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 · Cards Expand](https://fsu.creght.com/site/2083536173505974272/1786330545269__cards_expand_cover_4x3.jpg?w=3072&fmt=webp)](/blocks/cards-expand.md)

### [Effects · Cards Expand](/blocks/cards-expand.md)

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

[![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)