Next.jsSolidJSReactSaaS企业官网

eclipse-platform — Next.js SaaS模板

作者 jeffreyhasan10

Eclipse Platform 是一个深色主题的 SaaS 落地页模板，基于 Next.js、TypeScript 与 Tailwind CSS 构建，包含英雄区、功能展示、定价、评价、FAQ 与联系表单等模块。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-02查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

01

深色宇宙风格界面，包含轨道渐变与日食悬停等动画效果

02

基于 Next.js、TypeScript、Tailwind CSS 与 Framer Motion 构建

03

包含英雄区、功能展示、定价、评价、FAQ、联系表单与页脚等模块

04

模块化目录结构，主要修改入口为 app/page.tsx 与 components 目录

05

采用 MIT 许可，允许免费使用、修改、商用与分发代码

模板详细介绍

Eclipse Platform 是开发者 Jeffrey Hasan 发布的 SaaS 产品落地页模板，仓库采用 MIT 许可。模板以深色宇宙风格为视觉基调，使用 Next.js、TypeScript、Tailwind CSS 与 Framer Motion 实现页面结构与动画效果。

页面模块包括：带轨道渐变动画的英雄区、带日食悬停效果的功能展示、分层定价区、用户评价区、可展开的 FAQ、联系表单，以及含社交链接的页脚。README 说明模板采用模块化组织，主要修改入口为 app/page.tsx，UI 组件位于 components 目录，全局样式与主题配置位于 styles 目录。

使用限制方面：模板代码本身免费，但演示图片、字体、图标等第三方素材需单独核对其许可；README 注明部分元素改编自 Framer 的 “SaaS Website UI Kit”（CC BY 4.0）。域名、托管、数据库、支付或 AI 等外部服务可能产生额外费用。仓库未提供生产环境部署、性能或可访问性方面的验证说明。

Next.jsSolidJSSaaS企业官网

适合你的项目吗？

适用场景

  • 为 SaaS 产品搭建深色主题的营销落地页
  • 作为 Next.js + Tailwind CSS 项目的页面结构与动画参考
  • 在已有模块基础上增删区块，快速调整落地页内容结构

适合人群

  • 需要深色视觉风格落地页的 SaaS 产品团队
  • 使用 Next.js 与 Tailwind CSS 的前端开发者
  • 希望以现成模块为起点进行二次修改的个人或小团队

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

  1. 1

    克隆仓库后使用 npm、yarn、pnpm 或 bun 安装依赖

  2. 2

    运行 npm run dev 等开发命令，在 http://localhost:3000 查看页面

  3. 3

    修改 app/page.tsx、components 与 styles 目录以定制内容与主题

  4. 4

    README 注明部分元素改编自 Framer 的 SaaS Website UI Kit（CC BY 4.0），演示图片、字体、图标等第三方素材需单独核对许可

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 模板中部分元素改编自 Framer 的 “SaaS Website UI Kit”，该部分素材采用 CC BY 4.0 许可，与项目本身的 MIT 许可不同。使用时需遵守 CC BY 4.0 的署名要求，并单独核对该素材的许可与署名条件。
  • README 推荐通过 Vercel 平台部署。使用 Vercel 等托管服务可能涉及账号注册、服务条款及超出免费额度后的额外费用，这些属于外部服务成本，不在 MIT 代码许可范围内。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

This project includes elements adapted from "SaaS Website UI Kit" by Framer. Retrieved from [Source Link](https://www.figma.com/community/file/1347551304372055519) (licensed under CC BY 4.0).

README 原文

The fastest way to launch your Eclipse Platform is through the [Vercel Platform](https://vercel.com/new) from the creators of Next.js.

README 原文
https://github.com/jeffreyhasan10/eclipse-platform/blob/main/LICENSEhttps://github.com/jeffreyhasan10/eclipse-platform/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 82 / 100
技术栈
Next.js · SolidJS · React
网站类型
SaaS · 企业官网
这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2025-03-09
截图检查日期
2026-10-02

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 2f73f54ce5811cf249dcab0bd634f2475b98c11ca099c25b682ba8998f819b9c

2026-10-02T18:46:43.855Z

来源文件 / 仓库
# Eclipse Platform - Modern SaaS Landing Page Template

A sophisticated, dark-themed SaaS landing page template developed by [Jeffrey Hasan](https://github.com/jeffreyhasan10). Eclipse Platform provides developers with a premium foundation for building impressive SaaS product landing pages with minimal setup time.

![Eclipse Platform Landing Page Preview](./public/landingpage.png)

## Features

- 🌑 Premium dark interface with cosmic-inspired aesthetics
- 🚀 Built with Next.js and TypeScript for stellar performance and type safety
- 💅 Fully responsive design that adapts seamlessly across all devices
- 🎨 Orbital animations and interactive elements for an immersive user experience
- 📱 Mobile-first approach with strategically optimized viewports
- 🔍 SEO-optimized structure for maximum visibility

## UI Components

- Celestial hero section with orbital gradient animations
- Feature showcase with eclipse hover effects
- Tiered pricing constellation
- Stellar testimonials section
- Expandable FAQs system
- Orbital contact form
- Comprehensive footer with social constellation links

## Tech Stack

- [Next.js](https://nextjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Framer Motion](https://www.framer.com/motion/) for celestial animations

## Getting Started

1. Clone the repository:

```bash
git clone https://github.com/jeffreyhasan10/eclipse-platform
cd eclipse-platform
```

2. Install dependencies:

```bash
npm install
# or yarn install
# or pnpm install
# or bun install
```

3. Launch the development server:

```bash
npm run dev
# or yarn dev
# or pnpm dev
# or bun dev
```

4. Open [http://localhost:3000](http://localhost:3000) in your browser to witness the Eclipse.

## Customization

Eclipse Platform is designed for easy customization. Begin by modifying files in the `app` directory. The template features a modular architecture, making it simple to add, remove, or transform sections.

Key files to edit:
- `app/page.tsx` - Main orbital landing page
- `components/` - Celestial UI components
- `styles/` - Global styles and eclipse theme configuration

## Credits

This project includes elements adapted from "SaaS Website UI Kit" by Framer. Retrieved from [Source Link](https://www.figma.com/community/file/1347551304372055519) (licensed under CC BY 4.0).

## About the Creator

Eclipse Platform was developed by [Jeffrey Hasan](https://github.com/jeffreyhasan10), a frontend developer with a passion for crafting stunning user interfaces.

- [GitHub](https://github.com/jeffreyhasan10)
- [Medium](https://medium.com/@jefyjery10)
- [LinkedIn](https://www.linkedin.com/in/jeffreyhasan/)

Explore my other projects and articles for more innovative frontend development content!

## Deploy on Vercel

The fastest way to launch your Eclipse Platform is through the [Vercel Platform](https://vercel.com/new) from the creators of Next.js.

Check out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more celestial details.

## License

Eclipse Platform is licensed under the MIT License - see the LICENSE file for details.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

Next.js SaaS Starter

Next.js SaaS Starter

Next.js SaaS Starter 是 Next.js 官方维护的 SaaS 起点模板，定位介于学习资源和可直接部署的脚手架之间。

Next.js · SaaS

SaaS-Boilerplate

SaaS-Boilerplate

🚀🎉📚 SaaS Boilerplate built with Next.js + Tailwind CSS + Shadcn UI + TypeScript. ⚡️ Full-stack React applic…

Next.js · SaaS

create-t3-turbo

create-t3-turbo

create-t3-turbo 是一个面向全栈 TypeScript 的 monorepo 起点，由 T3 OSS 维护，在 Vercel 模板目录中收录。

Next.js · 启动器

saas-starter-kit

saas-starter-kit

🔥 Enterprise SaaS Starter Kit - Kickstart your enterprise app development with the Next.js SaaS boilerplate �…

Next.js · SaaS

saasfly

saasfly

Your Next SaaS Template or Boilerplate ! A magic trip start with `bun create saasfly` . The more stars, the mo…

Next.js · SaaS

Next-JS-Landing-Page-Starter-Template

Next-JS-Landing-Page-Starter-Template

🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experienc…

Next.js · 企业官网