saas-starter

React Landing Page Template

Name: React Landing Page Template
Author: issaafalkattan

A simple react one page landing page templates for startups/companies

1,653 stars1,218 forksJavaScriptUpdated 7/21/2026100% free · open source

What it does

This tool provides a simple React one-page landing page template for startups and companies to quickly create a professional-looking website.

When to use it

•When you need a basic landing page to introduce your product or service
•When you want to test a new business idea without investing in a full website
•When you need a quick and easy way to create a website for a marketing campaign or event

Ready-to-paste prompt

Open 'src/App.js' and replace the 'hero' section with your own content, such as a product description or call-to-action: <Section id='hero' bg='light' {...props}>Your content here</Section>

Heads up: Make sure you have Node.js (at least version 14) and npm installed on your machine before cloning and running the repository, as the template uses modern React features and dependencies

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/react-landing-page-template && curl -fsSL https://workflowstacks.com/api/skills/react-landing-page-template/claude-skill -o ~/.claude/skills/react-landing-page-template/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/react-landing-page-template && curl -fsSL https://workflowstacks.com/api/skills/react-landing-page-template/claude-skill -o ~/.claude/skills/react-landing-page-template/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

issaafalkattan

Language

JavaScript