开源可用 Astro + Tailwind

专注于设计和审美的 SaaS 模板

RicoFast 是一个重视设计质感的开源 SaaS 模板,内置 15+ 模块化区块、暗黑模式和规范的 DESIGN.md 文档,默认使用 Astro + Tailwind。
ricoui.com
仪表盘
活跃用户
12,438 +24.5%
访问会话
8,291 +12.1%
收入
$24.5k +18.2%
转化率
4.8% +0.6%
本周
7d

上线时把这里换成你的客户 Logo

Northwind
Acme
Lumen
Helio
Orbit
Forge

优秀的设计事半功倍

难点不只是把功能列出来,而是让页面不模板化、不越改越散,也不占掉你一个月的周末。
从零搭官网太耗时

从零搭官网太耗时

大多数 SaaS 官网都需要类似的区块。每个项目都重做一遍,会把本该投入产品的时间吃掉。

普通模板容易显得廉价

普通模板容易显得廉价

大部分模板缺少设计。产品需要的是有判断、有节奏的页面,而不是随手拼出来的外壳。

没有系统会越改越乱

没有系统会越改越乱

配色、间距、页面之间的排版细节,早期看不明显,后期每次改动都可能引发连锁问题。

它是一套可延展的设计系统

RicoFast 把颜色、字号、间距和动效都收进 token,并写进文档。你后续新增页面时,不需要反复讨论细节,也更不容易把视觉系统改散。
blue 文件夹
yellow 文件夹
green 文件夹
red 文件夹
gray 文件夹

高质量的模板代码

围绕真实 SaaS 官网整理的一组功能:页面、组件、内容、动效和部署基础。没有臃肿的半成品扩展。
页面结构清楚

页面结构清楚

预置首页、功能、价格、博客、Changelog、关于、联系、Elements 和 404,响应式布局已经接好。

区块可复用

区块可复用

15+ 模块化 section,覆盖 Hero、FeatureGrid、Pricing、FAQ、Steps、FinalCTA 等常见 SaaS 页面场景。

MDX 内容系统

MDX 内容系统

Blog 和 Changelog 基于 Astro Content Layer,Markdown 中可以引入组件,不依赖 CMS 也能维护内容。

轻量且快速

轻量且快速

Astro 默认零 JS,全新安装就具备 Lighthouse 95+ 的性能、可访问性和 SEO 基线。

内置克制动效

内置克制动效

AOS 负责滚动入场,motion.js 用于需要编排的动效,并遵循 prefers-reduced-motion。

改品牌很直接

改品牌很直接

约 30 个 CSS tokens 管理颜色、字体和基础视觉,只改一个文件就能完成第一轮品牌替换。

完整页面系统,而不是零散 section

Hero、功能、价格、仪表盘、设置页都来自同一套 token。页面可以扩展,整体质感不会散。
app.ricoui.com/dashboard

概览

最近 30 天

收入 $48.2k +22.1%
新增用户 1,284 +8.4%
MRR $12.6k +5.2%
客户 套餐 状态 MRR
Pro
活跃
$148
Team
活跃
$89
Pro
试用
$49
Enterprise
活跃
$290

把这个示例替换成你的产品截图,位置在 src/pages/index.astro。

适合不同类型的 SaaS 产品

无论是 AI 工具、开发者平台,还是独立开发的副业项目,这套页面结构都能快速贴合你的产品。
AI 工具 发布第一天就有可信官网
开发者工具 API、SDK、平台型产品
设计工具 创作应用与设计系统
Micro SaaS 独立产品和副业项目
开源项目 项目主页和社区页面
数据产品 仪表盘、分析和数据工具

基于现代前端工具构建

看看价格如何设计

RicoFast 本身基于 MIT 协议免费使用。下面的三档价格是示例内容,上线时替换成你的产品套餐即可。
月付 年付 省 20%

Free

长期免费,年付也不会产生费用。

$0 / 月,按年计费
  • 1 个活跃项目
  • 核心组件库
  • MDX 内容支持
  • 自托管部署
  • 社区支持
  • 邮件支持
开始使用

Pro

年付节省 20%,适合长期维护的产品。

$15 / 月,按年计费
  • 不限项目数量
  • 完整组件库
  • 高级页面布局系统
  • 自定义域名
  • 内置动效
  • 邮件支持(1 个工作日内)
  • 季度答疑时间
开始免费试用

Enterprise

年付节省 20%,并包含一次专属 onboarding。

$39 / 月,按年计费
  • 包含 Pro 的全部能力
  • 团队协作(10+ 席位)
  • SSO + 审计日志
  • 定制集成
  • 优先支持(当天响应)
  • 99.9% SLA
联系销售

常见问题

可以。RicoFast 使用 MIT 协议,个人项目和商业项目都能使用。你可以 fork、改造、上线,也可以基于它做自己的产品,不需要署名。
可以。会基础 HTML/CSS 就足够。主要定制集中在三个地方:site.js、global.css 的 tokens,以及 content 目录。大多数页面只需要改文案和数据数组。
能。颜色、字体、间距和圆角都在 src/styles/global.css 里以 CSS 自定义属性维护;完整 token 说明在 docs/DESIGN.md,改动范围很清楚。
任何静态托管平台都可以,比如 Vercel、Netlify、Cloudflare Pages、GitHub Pages、AWS S3,或者你自己的服务器。构建产物就是 dist/ 目录。
全新安装后,首页在 Performance、Accessibility、Best Practices 和 SEO 上都有 Lighthouse 95+ 基线。Astro 默认零 JS,交互只在需要的地方加载。
可以在 GitHub 提 issue。Pricing 页里的 Pro/Enterprise 是给模板展示用的示例套餐,并不是 RicoFast 本身的付费方案。

最新文章

今天就开始搭你的 SaaS 官网

克隆模板,替换内容,部署上线。先把官网跑起来,再把细节慢慢打磨好。

Logo

一个基于 Astro 和 Tailwind CSS 的高质感 SaaS 模板。开源、轻量,适合快速搭建产品官网。

© 2026 RicoUI. 基于 MIT License 发布。

v1.0.0 Built with Astro & Tailwind Twitter Github RSS