# Creght 资源广场｜网站模板、组件、动效与建站教程

> 探索 Creght 精选的网站模板、组件库、动效案例、Figma 素材、视频教程和建站指南，更快完成从灵感到上线。

[![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 资源广场

# 让好网站，从合适的资源开始

探索精选的网站模板、组件、动效、设计素材与实用教程。少走弯路，更快完成从灵感、搭建到正式上线。

[浏览全部资源](#browse) [查看新手指南](/docs/ai/quick-create-first-website.md)

CREGHT RESOURCES

TEMPLATES

组件库

可复用模块

视频教程

跟着视频操作

快速前往

[网站模板](/templates.md) [组件库](https://creghtlib.site.creght.com/) [动效案例](/effects.md) [Figma 素材](https://www.figma.com/community/file/1529413044116674277) [视频教程](/video-tutorials.md) [帮助文档](/help.md)

按目标开始

## 你想先完成哪一步？

不用了解所有功能。先选择当前目标，我们已经整理好更适合你的入口。

[01\
\
**快速上线一个网站** \
从专业模板开始，替换品牌内容和图片，快速完成可发布的网站。\
\
浏览网站模板](/templates.md) [02\
\
**从 Figma 设计稿开始** \
将设计稿转成可编辑的响应式网页，再在 Creght 中继续完善。\
\
了解 Figma to Creght](/figma2creght.md) [03\
\
**丰富页面细节与效果** \
使用组件、交互动效和鼠标特效，让页面更有表现力。\
\
探索动效案例](/effects.md) [04\
\
**系统学习 Creght** \
通过文档和视频教程，掌握布局、响应式、CMS 与发布流程。\
\
进入帮助中心](/help.md)

精选资源

## 从值得收藏的资源开始

这些是最适合第一次访问资源广场时浏览的内容。

[精选网站模板 **不用从空白画布开始** \
\
覆盖企业官网、SaaS、作品集、外贸和品牌展示等场景，找到适合的结构后再变成你的网站。\
\
查看全部模板](/templates.md)

[**Creght 组件库** \
收集导航、卡片、按钮和常用页面模块，复制后即可继续编辑。\
\
访问组件库](https://creghtlib.site.creght.com/) [**Figma 社区素材** \
获取 Creght 官方 Figma 资源，辅助设计与网页搭建。\
\
在 Figma 中查看](https://www.figma.com/community/file/1529413044116674277)

全部资源

## 按资源类型浏览

从设计起点、搭建素材到学习内容，快速找到当前最需要的资源。

[**网站模板** \
精选响应式网站模板，覆盖常见行业和使用场景。\
\
浏览模板](/templates.md) [**组件库** \
可直接用于页面的常用组件、区块和交互模块。\
\
访问组件库](https://creghtlib.site.creght.com/) [**动效案例** \
浏览滚动、鼠标和页面交互动效的实际案例。\
\
查看动效](/effects.md) [**Figma 素材** \
用于设计和交付的官方 Figma 社区文件与素材。\
\
打开 Figma](https://www.figma.com/community/file/1529413044116674277) [**视频教程** \
通过短视频掌握基础操作、组件、CMS 和动效。\
\
观看教程](/video-tutorials.md) [**帮助文档** \
查找功能介绍、配置方法与常见问题的解决方案。\
\
阅读文档](/help.md) [**建站指南** \
了解网站规划、设计、内容和持续运营的方法。\
\
阅读指南](/blogs.md) [**优秀案例** \
看看其他创作者和团队使用 Creght 搭建的网站。\
\
浏览案例](/#examples)

新手资源包

## 把复杂任务拆成清晰步骤

围绕常见建站任务整理的学习路径，适合第一次使用 Creght 的你。

[入门路径 01\
\
**第一次搭建网站** \
\
从需求描述或模板确定页面结构\
\
替换品牌文字、图片和按钮链接\
\
检查移动端效果并发布网站\
\
打开快速入门](/docs/ai/quick-create-first-website.md) [入门路径 02\
\
**响应式布局入门** \
\
理解尺寸、层级和自动布局\
\
掌握断点与不同屏幕适配\
\
练习导航、卡片和内容区布局\
\
观看布局教程](/video-tutorials.md#basics) [入门路径 03\
\
**网站上线检查** \
\
配置域名、标题和页面描述\
\
检查表单、按钮与外部链接\
\
确认移动端、SEO 与分享效果\
\
查看上线帮助](/help.md)

持续更新

## 总有新内容值得发现

模板、教程和建站指南会持续补充，帮助你把网站做得更好。

[查看建站指南](/blogs.md)

[01\
\
**持续上新的网站模板** \
\
探索适合不同品牌、行业和业务目标的新模板。](/templates.md) [02\
\
**从基础到进阶的视频教程** \
\
学习最新功能、实用技巧和完整搭建过程。](/video-tutorials.md) [03\
\
**更好用的建站方法与实践** \
\
了解网站设计、内容规划、SEO 和运营思路。](/blogs.md)

## 找到资源，现在开始搭建

从一句话或一个模板开始，把你的想法变成可以正式上线的网站。

[免费创建网站](https://creght.cn/project) [浏览网站模板](/templates.md)

![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)