开源可用 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