# Hero · Orb Particles React Section | Creght Blocks

> An interactive emerald particle orb with responsive motion and shockwave effects for creative technology portfolios.

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

[Templates](/templates.md)

[EN](/blocks/hero-orb-particles.md) [中文](/zh-CN/blocks/hero-orb-particles.md)

[All sections](/)/Hero · Orb Particles

HeroFree

Creght Blocks section

# Hero · Orb Particles

An interactive emerald particle orb with responsive motion and shockwave effects for creative technology portfolios.

[Full preview](/preview.md?section=hero-orb-particles)

Use in Creght

## Live preview

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

DesktopTabletMobile

About this section

## A production-ready building block

An interactive emerald particle orb with responsive motion and shockwave effects for creative technology portfolios.

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

CategoryHero

PerformanceVisual-heavy

RenderingClient animation

Dependencieslucide-react, three

## Related sections

Explore more components from the same category.

[![Hero · Lodestar](https://fsu.creght.com/site/2083536173505974272/1789389317552__hero_lodestar_pro_cover.png?w=3072&fmt=webp)](/blocks/hero-lodestar.md)

### [Hero · Lodestar](/blocks/hero-lodestar.md)

A cinematic silver particle star with an immersive deep-space field, designed for premium technology and brand launches.

[![Hero · Stellar Flow](https://fsu.creght.com/site/2083536173505974272/1789389318776__hero_stellar_flow_pro_cover.png?w=3072&fmt=webp)](/blocks/hero-stellar-flow.md)

### [Hero · Stellar Flow](/blocks/hero-stellar-flow.md)

A fluid stellar particle field with pointer-driven trails and atmospheric color transitions for immersive digital experiences.

[![Hero · Before After](https://fsu.creght.com/site/2083536173505974272/1786355301797__creght_blocks_covers_hero_before_after.jpg?w=3072&fmt=webp)](/blocks/hero-before-after.md)

### [Hero · Before After](/blocks/hero-before-after.md)

A cursor-driven before-and-after hero for architecture, interiors, and visual case studies.

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