# 粒子特效网站与粒子 Hero 示例｜预览、复制 Prompt - Creght

> 浏览星际螺旋、旋涡星系、文字与图片粒子及蝴蝶 Hero。点击预览互动效果，复制 Prompt，用 Creght 生成、修改和发布网站。

[跳到主要内容](#particle-main)

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)](/)

产品

[AI 建站推荐用对话生成网站与 Web 应用](/ai.md) [可视化建站用画布、组件和特效精细搭建](/design.md)

[两种方式对比根据需求选择合适的创作方式](/ai-vs-visual-builder.md)

核心能力

[AI 生成](/ai.md) [可视化编辑](/features/visual-editing.md) [后端能力](/features/backend.md) [发布与托管](/features/publishing.md) [SEO、GEO 与数据](/features/analytics.md) [Creght CLI](/features/cli.md) [全部能力](/features.md)

解决方案

[SaaS 官网生成器](/saas-website-builder.md) [设计师作品集](/solution/designer-portfolio.md) [外贸独立站](/solution/foreign-trade-website.md)

[价格](/price.md) [帮助中心](/help.md)

[资源广场](/resources.md)

Creght AI·建站资源

[网站模板从完整网站开始](/templates.md) [页面区块首屏、定价、案例等常用区块](/blocks.md) [动效灵感发现可复用的交互动效](/effects.md)

[浏览全部资源](/resources.md) [可视化建站资源](/design/resources.md)

[联系我们](/contact.md)

[立即体验](https://creght.cn/project)

[CREGHT / 网站资源库](/effects.md)

# 让网站，从粒子开始。

粒子特效 · 交互背景 · 粒子 Hero

找到喜欢的效果，把它变成你的网站。

[免费生成网站](https://creght.cn/ai?utm_source=resource_library&utm_medium=website&utm_campaign=particle&utm_content=hero) [探索粒子效果](#particle-gallery)

可复制 Prompt，支持继续修改

![](https://fsu.creght.com/site/2066727200882692096/1788856431173__stellar_spiral_cover.png?w=3072&fmt=webp)

星际螺旋 · 减少动效已开启

继续播放

[继续探索粒子效果](#particle-gallery)

THE COLLECTION

## 粒子特效与 Hero06

全部星际与银河文字与图片Hero 板块

找到 6 个资源

[![星际螺旋动态画布的静态封面](https://fsu.creght.com/site/2066727200882692096/1788856431173__stellar_spiral_cover.png?w=3072&fmt=webp)预览效果](/effects/particle/stellar-spiral.md)

### [星际螺旋](/effects/particle/stellar-spiral.md)

独立动效

蓝金色星光沿旋臂汇聚，为 AI 产品与科技官网建立空间感。

[![旋涡星系动态画布的静态封面](https://fsu.creght.com/site/2066727200882692096/1788856448263__galaxy_cover.png?w=3072&fmt=webp)预览效果](/effects/particle/galaxy.md)

### [旋涡星系](/effects/particle/galaxy.md)

独立动效

倾斜的星系盘与柔和流光，适合需要沉浸感的产品发布页。

[![文字粒子动态画布的静态封面](https://fsu.creght.com/site/2066727200882692096/1788856471911__text_particles_cover.png?w=3072&fmt=webp)预览效果](/effects/particle/text-particles.md)

### [文字粒子](/effects/particle/text-particles.md)

独立动效

把品牌名或一句宣言变成发光粒子，适合新品发布与创意作品集。

[![图片粒子动态画布的静态封面](https://fsu.creght.com/site/2066727200882692096/1788856511008__image_particles_cover.png?w=3072&fmt=webp)预览效果](/effects/particle/image-particles.md)

### [图片粒子](/effects/particle/image-particles.md)

独立动效

将图标与轮廓采样成粒子，给品牌标志一个有呼吸感的出场。

[![交互粒子画布效果封面](https://fsu.creght.com/site/2066727200882692096/1785750913357__compressed_image_3041.jpg?w=3072&fmt=webp)预览效果](/effects/particle/effects-particle.md)

### [交互粒子画布](/effects/particle/effects-particle.md)

独立动效

可作为首屏或背景的交互粒子效果，附带 Creght Blocks 选区引用。

[![蝴蝶粒子 Hero效果封面](https://fsu.creght.com/_assets/site/2064188570427461632/1782288491975__hero_02.png?w=3072&fmt=webp)预览效果](/effects/particle/hero-02.md)

### [蝴蝶粒子 Hero](/effects/particle/hero-02.md)

页面板块

蝴蝶粒子与首屏布局组合，适合科技品牌和视觉叙事。

FROM EFFECT TO WEBSITE

## 一个动效，是网站的开始。

用效果定义第一印象，再补齐产品、案例和行动入口，让视觉服务于内容。

01

### 先看，再选择

点击封面体验实时画面。银河适合科技产品，文字粒子适合品牌发布，Hero 板块适合完整首屏。

02

### 带着需求复制 Prompt

在详情页复制提示词，写上品牌名称、主色、展示文案与目标。原生粒子和外部板块会标明不同的使用方式。

03

### 生成你自己的完整网站

把提示词粘贴到 Creght AI，继续添加导航、功能介绍、案例与 CTA。检查手机效果，再发布并绑定域名。

GOOD TO KNOW

## 把好看的效果， 用在合适的地方。

先保证文案清晰、交互可用，再决定粒子的密度、速度和位置。

[浏览完整网站模板](/templates.md)

这些是粒子网站模板，还是单独的效果？+

当前首批资源包含独立粒子动效和一个 Hero 板块，并非六套完整网站模板。你可以把它们用于粒子落地页、产品官网或作品集；完整模板会单独标注。

粒子会拖慢网站吗？+

实时粒子需要一定的图形性能。此合集只加载静态封面，点击后才创建所选预览；手机端降低粒子数量，离开预览或关闭弹窗会暂停或卸载。你的成品网站仍需单独验证性能。

可以改颜色、文字和动画速度吗？+

四种原生粒子详情支持颜色、速度、大小与光晕预览，文字粒子还可改字。外部板块使用自身演示，不提供未开放的调参选项；图片默认轮廓由 CMS 管理。

复制 Prompt 能得到完全相同的效果吗？+

原生粒子的 Prompt 描述构图、参数和实现要求，不等于源码导入；AI 生成结果可能不同。已有 Blocks 资源附带实际选区引用。你可以继续要求 AI 调整，并在发布前检查实际效果。

## 从一个粒子，到你的整个网站。

带上产品、品牌与想法，让 Creght AI 帮你生成一个可以继续修改和发布的网站。

[免费生成网站](https://creght.cn/ai)

![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)

此网站使用 [Creght](/) 创建

![微信客服](https://fsu.creght.com/site/2066727200882692096/1785119134612__image.png?w=3072&fmt=webp)

微信客服

## 链接

- [SaaS 官网生成器](/saas-website-builder.md)
- [价格](/price.md)
- [解决方案](/solution.md)
- [客户案例](/customers.md)
- [AI 模型对比](/ai-models.md)
- [帮助中心](/help.md)
- [联系我们](/contact.md)
- [更新记录 & 博客](/blogs.md)
- [退款说明](/tuikuan.md)

## 资源

- [全部资源](/resources.md)
- [模板](/templates.md)
- [组件库](https://creghtlib.site.creght.com)
- [动效库](/design/effects.md)
- [Figma to Creght](/figma2creght.md)
- [API](/api.md)

## 产品对比

- [对比上线了](/creght-vs-sxl.md)
- [对比凡科建站](/creght-vs-fkw.md)
- [自己写代码 vs Creght](/compare/self-coding.md)
- [外包 vs 自己做](/compare/outsourcing.md)

## 协议

- [用户协议](/legal/terms.md)
- [隐私政策](/legal/privacy.md)
- [可接受使用政策](/legal/acceptable-use.md)

## 社交媒体

- [小红书](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [哔哩哔哩](https://space.bilibili.com/513308095)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)

免费方案评估

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