mcpField
S
saas-landing

saas-landing

github.com/nexu-ioMarketing & growth9.3k40 installsUpdated 2w ago
Repository

About saas-landing

saas-landing is a design template for complete SaaS product landing pages, intended for presenting a product’s value, features, and pricing. It lays out standard sections from navigation and hero content to FAQ and footer, with mobile layouts in mind.

Key features

  1. 01Navigation and hero with dual CTAs
  2. 02Logo wall and feature cards
  3. 03Three-step how-it-works section
  4. 04Pricing and FAQ accordion
  5. 05Single-column mobile layout

Use cases

  1. 01Present a SaaS product and its features
  2. 02Show product steps, pricing, and FAQs

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/html-anything --skill saas-landing

After installing, type/saas-landingin Claude Code to confirm it loaded.

Bundled filesexample.html

Details

From the project README

【模板: SaaS Landing】 【意图】完整的 SaaS 产品落地页, 把用户内容映射到标准 sections。 【布局】

  • Top nav (logo + 导航 + sign-in + 主 CTA)
  • Hero (大标题 + 副标 + 双 CTA + 可视化占位)
  • Logo wall (社会认证)
  • Features (3-6 个特性卡, icon + 标题 + 描述)
  • How it works (3 步流程, 数字 + 标题 + 描述)
  • Pricing (2-3 档, 推荐档高亮)
  • FAQ (details/summary 手风琴)
  • Footer 【设计细节】
  • 现代 SaaS 风: 大字号, 柔和渐变, glassmorphism 卡片, 滚动入场动画
  • 至少处理 md: 断点, 移动端单栏

Comments

Markdown supported