# Hero · Gradient Blinds React Section | Creght Blocks

> An animated gradient-blinds hero for futuristic product launches.

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

[Templates](/templates.md)

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

[All sections](/)/Hero · Gradient Blinds

HeroFree

Creght Blocks section

# Hero · Gradient Blinds

An animated gradient-blinds hero for futuristic product launches.

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

Use in Creght

## Live preview

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

DesktopTabletMobile

About this section

## A production-ready building block

An animated gradient-blinds hero for futuristic product launches.

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

## 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 · Orb Particles](https://fsu.creght.com/site/2083536173505974272/1789389319787__hero_orb_particles_pro_cover.png?w=3072&fmt=webp)](/blocks/hero-orb-particles.md)

### [Hero · Orb Particles](/blocks/hero-orb-particles.md)

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

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