跳到主要内容

页面板块 / PARTICLE

蝴蝶粒子 Hero

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

蝴蝶粒子 Hero效果封面

当前使用静态预览。你可以自行开启动态效果。

正在加载外部演示;也可以在新窗口打开。

新窗口预览

关于这个资源

蝴蝶粒子 Hero

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

如何使用

打开外部演示,检查实际交互。复制本页的原始选区引用到 Creght AI,描述品牌、文案与希望放置的位置,由 AI 读取相应板块并继续修改。

资源边界

这是一个可复用的 Hero 首屏板块,不是完整网站模板。 外部演示不使用本地参数面板;如嵌入受限,使用“新窗口预览”。发布前检查手机、减少动效与文字对比。

你的建站起点

# Talizen Template Selection Reference

This is a selected section from template site p35l7ulpwviq. Paths beginning with /tpl/ are in a read-only virtual directory.
Use the list_files / read_file / grep_file tools to read the template source as needed; the full source does not need to be included in this message.
Important: list_files or grep_file with path=/ does not include template files; this does not mean they are absent. To search this template, explicitly set path to /tpl/p35l7ulpwviq.

## Selected Element
- Source location: /tpl/p35l7ulpwviq/components/sections/hero/hero-02/hero-02.tsx
- Component chain (inner to outer): /tpl/p35l7ulpwviq/components/sections/hero/hero-02/hero-02.tsx
- Files actually used to render this selection (including implicit dependencies; read as needed):
  - /tpl/p35l7ulpwviq/components/sections/hero/hero-02/hero-02.tsx
  - /tpl/p35l7ulpwviq/talizen.config.ts
  - /tpl/p35l7ulpwviq/index.css
  - /tpl/p35l7ulpwviq/components/sections/effects/particle/ParticleCanvas.tsx
  - /tpl/p35l7ulpwviq/components/sections/effects/particle/shaders.ts
- Dependencies: lucide-react, react, three

提示词保留在页面中,可手动选择复制。预览中的临时调参不会自动改写这里的提示词。

继续探索

查看全部
文字粒子动态画布的静态封面预览效果

文字粒子

独立动效

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

Render diagnostics