# Creght 页面区块库｜Hero、时间线与常用网站区块

> 浏览 Creght 精选页面区块，预览 Hero、时间线等设计，并复制到 Creght AI 编辑器继续创作。

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

产品

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

[两种方式对比根据需求选择合适的创作方式→](/ai-vs-visual-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 BLOCKS

# 页面区块

[查看全部板块库↗](https://blocks.creght.com/)

精选可直接用于 Creght 网站的页面区块，预览效果后复制到 AI 编辑器继续调整。

全部Hero 首屏时间线

5 个区块

![Hero · Laser Flow 区块封面](https://fsu.creght.com/_assets/site/2064188570427461632/1782288502801__hero_laserflow.jpg)[预览区块：Hero · Laser Flow](https://blocks.creght.com/preview?section=hero-laserFlow)

Copy to Creght [预览区块](https://blocks.creght.com/preview?section=hero-laserFlow)

## Hero · Laser Flow

Hero 首屏

激光流体动效首屏，适合科技产品和 AI 服务。

![Hero · Light Rays 区块封面](https://fsu.creght.com/_assets/site/2064188570427461632/1782288504865__hero_lightrays.png)[预览区块：Hero · Light Rays](https://blocks.creght.com/preview?section=hero-lightRays)

Copy to Creght [预览区块](https://blocks.creght.com/preview?section=hero-lightRays)

## Hero · Light Rays

Hero 首屏

光束背景首屏，适合强调速度、连接和智能化。

![Hero · 04 区块封面](https://fsu.creght.com/_assets/site/2064188570427461632/1782288495943__hero_04.png)[预览区块：Hero · 04](https://blocks.creght.com/preview?section=hero-04)

Copy to Creght [预览区块](https://blocks.creght.com/preview?section=hero-04)

## Hero · 04

Hero 首屏

自然场景与产品卡片结合的清爽型首屏。

![Hero · 02 区块封面](https://fsu.creght.com/_assets/site/2064188570427461632/1782288491975__hero_02.png)[预览区块：Hero · 02](https://blocks.creght.com/preview?section=hero-02)

Copy to Creght [预览区块](https://blocks.creght.com/preview?section=hero-02)

## Hero · 02

Hero 首屏

蝴蝶粒子视觉首屏，适合高端科技和品牌叙事。

![Timeline · 01 区块封面](https://fsu.creght.com/project/mDzERvIUUmW/lZKFrnwKLQS__area.gif)[预览区块：Timeline · 01](https://blocks.creght.com/preview?section=timeline-01)

Copy to Creght [预览区块](https://blocks.creght.com/preview?section=timeline-01)

## Timeline · 01

时间线

HOW TO USE

## 如何使用页面区块

三个步骤，把选中的区块带进你的 Creght 网站。

1. 01→


### 选择并预览


打开区块预览，确认视觉、交互和内容结构符合当前页面需求。

2. 02→


### 复制到 Creght


点击 Copy to Creght，复制区块对应的模板引用。

3. 03


### 粘贴并描述调整


在站点 AI 对话框中粘贴引用，并说明要放置的位置与需要调整的内容。


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

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

![微信客服](https://fsu.creght.com/site/2066727200882692096/1785119134612__image.png)

微信客服

## 链接

- [价格](/price.md)
- [解决方案](/solution.md)
- [客户案例](/customers.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)