# Background · AI Liquid React Section | Creght Blocks

> The blue liquid motion background from Creght AI's hero, designed for AI, SaaS, and technology product pages.

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

[Templates](/templates.md)

[EN](/blocks/ai-liquid-background.md) [中文](/zh-CN/blocks/ai-liquid-background.md)

[All sections](/)/Background · AI Liquid

BackgroundsFree

Creght Blocks section

# Background · AI Liquid

The blue liquid motion background from Creght AI's hero, designed for AI, SaaS, and technology product pages.

[Full preview](/preview.md?section=ai-liquid-background)

Use in Creght

## Live preview

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

DesktopTabletMobile

About this section

## A production-ready building block

The blue liquid motion background from Creght AI's hero, designed for AI, SaaS, and technology product pages.

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

CategoryBackgrounds

PerformanceMedium load

RenderingClient animation

DependenciesNone

## Related sections

Explore more components from the same category.

[![Background · Neuro Noise](https://fsu.creght.com/site/2083536173505974272/1788336621574__background_neuro_noise_cover.png?w=3072&fmt=webp)](/blocks/neuro-noise.md)

### [Background · Neuro Noise](/blocks/neuro-noise.md)

A neural-noise shader background that responds to pointer movement and scrolling for AI, technology, and experimental pages.

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