InstaLanding.ai

InstaLanding.ai is an open-source library of complete landing pages, each shipped as a single dependency-free HTML file that opens straight from disk and doubles as a one-shot prompt for AI coding agents. Every page in the repository inlines its CSS, JavaScript, SVG art and images into one file, with fonts loaded from Google Fonts and a few pages pulling GSAP or Three.js from a CDN. Nothing needs installing and there is no build step.

What is InstaLanding.ai?

InstaLanding.ai is a free, open-source collection of premium landing pages, design systems and motion studies published as single HTML files. Its input is a copy-paste of a page's source (or its paired PROMPT.md), and its output is a pixel-faithful landing page in your own stack: same hex values, radii, easing curves and breakpoints. The library lives on GitHub and is browsable live at instalanding.ai/pages, instalanding.ai/systems and instalanding.ai/motion. As of the November 1, 2026 update it lists 85 pages.

Key Features

• One file, zero dependencies — each pages/<name>/index.html runs from file:// with CSS, JS, SVG and images inlined; only Google Fonts and occasional CDN copies of GSAP or Three.js are external.
• Paired one-shot prompts — every page has a PROMPT.md containing a short instruction followed by the page's entire HTML, ready to paste into Claude Code, Codex, Cursor, OpenCode, Lovable or v0 with your framework named.
• Section-level extraction — every top-level region carries a data-section attribute (nav, hero, pricing, footer), so a single section can be lifted into an existing project.
• Design systems — the visual language behind a page pulled out into CSS custom-property design tokens, scoped components that cannot clash with yours, and the conventions tying them together.
• Motion studies — one movement per file (carousel, accordion, endless loop, scroll parallax), with the choreography written out: what moves, when, and on which ease.
• Agent-readable index — index.json lists every page with its best use, style, section order, stack (libraries, fonts, WebGL/canvas) and file paths; the same library is served flat at instalanding.ai/llms.txt and instalanding.ai/prompts.json.
• Remix header comments — each file opens with notes written for the next editor: where the tokens live, the sections in order, what each script drives, and what breaks when changed.

What can you do with InstaLanding.ai?

• AI coding agents: paste a PROMPT.md and ask for Next.js, Astro or plain HTML output to get the same hero, pricing and motion rebuilt in your stack in one pass.
• Front-end developers: lift a single data-section region such as pricing or footer into an existing project and restyle it with your own tokens.
• Designers building a system: start from a design system entry to get tokens as CSS custom properties plus scoped page components that can be dropped alongside existing code.
• Motion engineers: study or copy a motion file to see exactly which properties animate, on what easing, and what input drives them.

How does InstaLanding.ai work?

Open any pages/<name>/index.html directly in a browser to view the page, or copy its PROMPT.md into an agent and name your framework. The agent converts the page faithfully because the code itself is the specification: no prose needs interpreting. To customize, edit the design tokens in the header comment region or remove sections by their data-section attribute.

Who is it for?

• AI coding agents and their operators: needing a deterministic, code-level spec for a landing page instead of a vague brief.
• Solo developers and indie makers: wanting a polished page they can ship without installing a framework.
• Design engineers: extracting tokens and scoped components from a finished page to seed a design system.

FAQ

Is InstaLanding.ai free?

Yes. The repository describes itself as a free, open-source library of single-file HTML landing pages, motion components and interactive experiences, distributed on GitHub with no frameworks or dependencies.

Do I need to install anything?

No. Every page is a complete HTML file that opens from file:// with CSS, JavaScript, SVG art and images all inline; there is no build step and only Google Fonts or occasional CDN scripts load externally.

Are the brands and testimonials on the pages real?

No. The repository states plainly that every brand, product, number, logo and testimonial in the pages is fictional, so content must be replaced before shipping.

How many pages are included?

The library listed 85 pages as of its November 1, 2026 update, alongside separate design systems and motion studies collections available at instalanding.ai/systems and instalanding.ai/motion.