# 背景网页板块｜Creght Blocks | Creght Blocks

> 浏览适用于现代网站的动态背景、Shader 效果与氛围感 React 网页板块。

[![Creght](https://fsu.creght.com/site/2083536173505974272/1785726413863__creght_logo.svg)Blocks](/zh-CN.md)

[EN](/collections/background.md) [中文](/zh-CN/collections/background.md)

[查看全部组件](/zh-CN.md)

精选专题集合

# 背景专题

收集用于页面氛围、空间层次和动态视觉的背景与 Shader 板块。

7 个板块·[粒子](/zh-CN/collections/particle.md)·[球体](/zh-CN/collections/sphere.md)

[![Background · AI Liquid 组件封面](https://fsu.creght.com/site/2083536173505974272/1788402652071__background_ai_liquid_cover.png?w=3072&fmt=webp)\
\
01\
\
Background · AI Liquid\
\
background](/zh-CN/blocks/ai-liquid-background.md) [![Background · Neuro Noise 组件封面](https://fsu.creght.com/site/2083536173505974272/1788336621574__background_neuro_noise_cover.png?w=3072&fmt=webp)\
\
02\
\
Background · Neuro Noise\
\
background](/zh-CN/blocks/neuro-noise.md) [![Effects · Shader Lines 组件封面](https://fsu.creght.com/site/2083536173505974272/1785589253525__shaderlines.png?w=3072&fmt=webp)\
\
03\
\
Effects · Shader Lines\
\
effects](/zh-CN/blocks/shaderLines.md) [![Effects · Particle 组件封面](https://fsu.creght.com/site/2083536173505974272/1785751067711__effects_particle_cover.jpg?w=3072&fmt=webp)\
\
04\
\
Effects · Particle\
\
effects](/zh-CN/blocks/particle.md) [![Hero · Gradient Blinds 组件封面](https://fsu.creght.com/_assets/site/2064188570427461632/1782288500441__hero_gradientblinds.jpg?w=3072&fmt=webp)\
\
05\
\
Hero · Gradient Blinds\
\
hero](/zh-CN/blocks/hero-gradientBlinds.md) [![Hero · Laser Flow 组件封面](https://fsu.creght.com/_assets/site/2064188570427461632/1782288502801__hero_laserflow.jpg?w=3072&fmt=webp)\
\
06\
\
Hero · Laser Flow\
\
hero](/zh-CN/blocks/hero-laserFlow.md) [![Hero · Light Rays 组件封面](https://fsu.creght.com/_assets/site/2064188570427461632/1782288504865__hero_lightrays.png?w=3072&fmt=webp)\
\
07\
\
Hero · Light Rays\
\
hero](/zh-CN/blocks/hero-lightRays.md)

背景 · Creght Blocks [全部板块](/zh-CN.md)

> 全站页面清单：[/llms.txt](/llms.txt)