Free, open-source library of premium, single-file HTML landing pages, motion components, and interactive experiences. No frameworks. No dependencies. Built for humans and AI coding agents.
See the code
Premium pages built for humans and agents. One file. No dependencies. Copy it, remix it, ship it.
Every page in this repo is a complete landing page in a single HTML file — CSS, JavaScript, SVG art and images all inline — that opens straight from disk. Nothing to install and no build step: fonts come from Google Fonts, and a few pages load GSAP or Three.js from a CDN. Next to each one is the one-shot prompt it was built from: a brief detailed enough that an AI builder or coding agent produces the page in one pass.
Browse them live at instalanding.ai.
Updated Oct 12, 2026 · 26 pages. New pages land here first. Every page is listed under The pages.
 | Card Scanner Finance Page · Oct 12, 2026 Autonomous finance agents: tilted cards in an orbit ring, a scroll-pinned scanner that turns cards into code, and a live control bento Live demo · Prompt |
 | Paper Sun Agent Page · Oct 12, 2026 AI agents for the night shift: a paper-cut sunset panel you can slap stickers on, a dusk-to-daybreak arc, and a run log that stops to ask Live demo · Prompt |
 | Tide Reveal Agent Page · Oct 12, 2026 An AI agent platform over a live WebGL sea that, on scroll, ebbs into a terminal window, then a clickable workspace and a run trace Live demo · Prompt |
 | Manga Panel Dev Tool Page · Oct 11, 2026 A deploy CLI pitched as a black-and-white manga issue: a sliced retro sun over a city skyline, a typing terminal, three villains defeated and a reader-mail FAQ Live demo · Prompt |
 | Ghost Agent Landing Page · Oct 11, 2026 Invisible AI agents pitched as ghosts: pixel ghosts float up a curved hero, and three SVG ghosts clear a 100-task board live Live demo · Prompt |
 | Sunset Scroll Story Page · Oct 11, 2026 A fusion company told as one long sunset: scroll and the sun goes down over a layered SVG landscape, night falls, then a live canvas tokamak takes over Live demo · Prompt |
Open it. Every pages/<name>/index.html runs from file://. No install, no build step.
Remix it. Each file opens with a header comment written for whoever edits it next: where the
design tokens live, the sections in order, what each script drives, and what breaks when you change
it. Every top-level region carries a data-section attribute (nav, hero, pricing, footer, …),
so you can lift one section into your own project.
Rebuild it in your stack. PROMPT.md beside each page is the brief. Paste it into Claude Code,
Codex, Cursor, OpenCode, Lovable, v0 or any agent, and ask for the output in your framework. The
brief gives the design as numbers — hex values, radii, easing, breakpoints — and calls out the
details that usually break, which is what makes the result look designed rather than generic.
Replace the content. Every brand, product, number, logo and testimonial here is fictional.
Start with AGENTS.md. index.json lists every page with what it is best
for, its style, its sections in order, its stack (libraries, fonts, WebGL/canvas) and its file
paths, so an agent can choose a page without opening one. The same library is served as flat files
at instalanding.ai/llms.txt,
instalanding.ai/prompts.json and
instalanding.ai/p/<slug>.txt.
| Card Scanner Finance Page Autonomous finance agents: tilted cards in an orbit ring, a scroll-pinned scanner that turns cards into code, and a live control bento dark · violet · glassmorphism · scroll-pinned |
| Paper Sun Agent Page AI agents for the night shift: a paper-cut sunset panel you can slap stickers on, a dusk-to-daybreak arc, and a run log that stops to ask dark · night · sunset-gradient · paper-cut |
| Tide Reveal Agent Page An AI agent platform over a live WebGL sea that, on scroll, ebbs into a terminal window, then a clickable workspace and a run trace dark · navy · webgl · shader |
| Manga Panel Dev Tool Page A deploy CLI pitched as a black-and-white manga issue: a sliced retro sun over a city skyline, a typing terminal, three villains defeated and a reader-mail FAQ light · black-and-white · manga · comic |
| Ghost Agent Landing Page Invisible AI agents pitched as ghosts: pixel ghosts float up a curved hero, and three SVG ghosts clear a 100-task board live dark · neon-gradient · playful · pixel-art |
| Sunset Scroll Story Page A fusion company told as one long sunset: scroll and the sun goes down over a layered SVG landscape, night falls, then a live canvas tokamak takes over light · illustrated · parallax · scroll-driven |
 | Radiating Rings Hero Page Concentric stadium rings radiating out of the call to action, under a streaked orb, with glass readouts floating in the gaps dark · blue · glassmorphism · concentric-rings |
 | Highlighter Markup Page A marked-up document: every highlight is a real highlighter, rough-edged by an SVG displacement filter, with a colour per verdict light · editorial · paper · serif |
 | Recessed Aperture Hero Page Soft UI in a violet palette: an aperture sunk into the page, tokens drifting across it, and a working run dial below dark · purple · neumorphic · soft-ui |
 | Stage Light Launch Page A product announcement lit like a stage: conic spotlights, rising dust, a hairline grid and a light sweep running through the wordmark dark · theatrical · spotlight · conic-gradients |
 | Machine Front Panel Page The landing page is the front panel: it boots itself on load, runs a needle self-test, then hands the switches to you dark · industrial · skeuomorphic · monospace |
 | Neon Glass App Landing Page Frosted panels lit by a comet that races their border, and a chat bar that opens into a breathing voice orb dark · glassmorphism · neon · blue |
 | Grain Motion System Page An autumn lake painted in pure CSS, die-cut sticker type, and a live agent run that stops for a human checkpoint light · illustrated · css-art · sticker |
 | Icon-Cut Card Stack Page Glass cards with their icon punched clean through, on gradient throughlines that travel as you scroll dark · monospace · spectrum-gradient · scroll-driven |
 | Holographic Ticket Landing Page A WebGL agent swarm you can shove out of the way, and die-cut holographic tickets masked out of one conic gradient light · pastel · holographic · webgl |
 | Notched Panel Catalog Page Interlocking cobalt panels, moulded-plastic controls, model cards with CSS benchmark plates light · poster · cobalt-yellow · notched-panels |
 | Squircle Keycap Product Page Generated SVG keycaps inside a neo-brutalist bento shell, with a hero key that runs a live runbook light · neo-brutalist · bento · isometric |
 | Generative Editorial Product Page Fashion-editorial layout for an AI product, every image a gooey generative composition light · editorial · generative-art · gooey |
 | Wind Field Routing Page Live WebGL wind field hero, six pressure presets, broken-frame buttons and cards dark · webgl · data-viz · editorial |
 | Clay Constellation SaaS Hero A tilted live chat demo in a cloud of clay stat cards, pixel-type accents, and buttons that measure themselves light · clay · warm-paper · pixel-type |
 | SmartCare Clinical AI Landing Page Iridescence shader hero + CSS power switch: one light source for buttons, cards and charts dark · clinical · webgl · iridescent |
 | CRAFT Studio WebGL Landing Page Glass torus knot refracting giant type, scroll-lit statement, Swiss monochrome AI platform site light · swiss · monochrome · webgl |
 | Canvas Fire Button Procedural canvas flame toggle with embers, hold-to-supercharge and a live playground dark · canvas · particles · glass |
 | Monax Analytics Landing Page Dithered WebGL halftone panels, glossy 3D orbs, tabbed product demo, bento + pricing light · warm-paper · 3d-orbs · webgl |
 | Clay SaaS Platform Page Liquid-glass agent platform with a three-theme switcher, dark terminal cards and circuit-trace module graphics light · clay · neumorphic · soft-ui |
 | Skewed Marquee Wall Skewed marquee lanes of agent runs behind a working run console, with approval gates and a fleet kill switch dark · industrial · pixel-type · marquee |
pages/<slug>/
index.html the page: one file, every asset inlined, opens from disk
PROMPT.md the one-shot brief it was built from
README.md what it is for, its style, sections, stack, and credits
preview.jpg 1200x600 screenshot
index.json every page's metadata, for agents and scripts
AGENTS.md how an agent should use this repo
Some pages are built around someone else's work — a CodePen, a Uiverse button, a Rive marketplace file. Each of those pages credits its source in its own README (under Built on) and in the page itself. Keep that attribution if you redistribute the component; the original's own terms apply to the parts taken from it.
MIT. Use the pages and prompts in personal and commercial work, change them, ship them.
Free, open-source library of premium, single-file HTML landing pages, motion components, and interactive experiences. No frameworks. No dependencies. Built for humans and AI coding agents.
See the code
Premium pages built for humans and agents. One file. No dependencies. Copy it, remix it, ship it.
Every page in this repo is a complete landing page in a single HTML file — CSS, JavaScript, SVG art and images all inline — that opens straight from disk. Nothing to install and no build step: fonts come from Google Fonts, and a few pages load GSAP or Three.js from a CDN. Next to each one is the one-shot prompt it was built from: a brief detailed enough that an AI builder or coding agent produces the page in one pass.
Browse them live at instalanding.ai.
Updated Oct 12, 2026 · 26 pages. New pages land here first. Every page is listed under The pages.
| Card Scanner Finance Page · Oct 12, 2026 Autonomous finance agents: tilted cards in an orbit ring, a scroll-pinned scanner that turns cards into code, and a live control bento Live demo · Prompt |
| Paper Sun Agent Page · Oct 12, 2026 AI agents for the night shift: a paper-cut sunset panel you can slap stickers on, a dusk-to-daybreak arc, and a run log that stops to ask Live demo · Prompt |
| Tide Reveal Agent Page · Oct 12, 2026 An AI agent platform over a live WebGL sea that, on scroll, ebbs into a terminal window, then a clickable workspace and a run trace Live demo · Prompt |
| Manga Panel Dev Tool Page · Oct 11, 2026 A deploy CLI pitched as a black-and-white manga issue: a sliced retro sun over a city skyline, a typing terminal, three villains defeated and a reader-mail FAQ Live demo · Prompt |
| Ghost Agent Landing Page · Oct 11, 2026 Invisible AI agents pitched as ghosts: pixel ghosts float up a curved hero, and three SVG ghosts clear a 100-task board live Live demo · Prompt |
| Sunset Scroll Story Page · Oct 11, 2026 A fusion company told as one long sunset: scroll and the sun goes down over a layered SVG landscape, night falls, then a live canvas tokamak takes over Live demo · Prompt |
Open it. Every pages/<name>/index.html runs from file://. No install, no build step.
Remix it. Each file opens with a header comment written for whoever edits it next: where the
design tokens live, the sections in order, what each script drives, and what breaks when you change
it. Every top-level region carries a data-section attribute (nav, hero, pricing, footer, …),
so you can lift one section into your own project.
Rebuild it in your stack. PROMPT.md beside each page is the brief. Paste it into Claude Code,
Codex, Cursor, OpenCode, Lovable, v0 or any agent, and ask for the output in your framework. The
brief gives the design as numbers — hex values, radii, easing, breakpoints — and calls out the
details that usually break, which is what makes the result look designed rather than generic.
Replace the content. Every brand, product, number, logo and testimonial here is fictional.
Start with AGENTS.md. index.json lists every page with what it is best
for, its style, its sections in order, its stack (libraries, fonts, WebGL/canvas) and its file
paths, so an agent can choose a page without opening one. The same library is served as flat files
at instalanding.ai/llms.txt,
instalanding.ai/prompts.json and
instalanding.ai/p/<slug>.txt.
| Card Scanner Finance Page Autonomous finance agents: tilted cards in an orbit ring, a scroll-pinned scanner that turns cards into code, and a live control bento dark · violet · glassmorphism · scroll-pinned |
| Paper Sun Agent Page AI agents for the night shift: a paper-cut sunset panel you can slap stickers on, a dusk-to-daybreak arc, and a run log that stops to ask dark · night · sunset-gradient · paper-cut |
| Tide Reveal Agent Page An AI agent platform over a live WebGL sea that, on scroll, ebbs into a terminal window, then a clickable workspace and a run trace dark · navy · webgl · shader |
| Manga Panel Dev Tool Page A deploy CLI pitched as a black-and-white manga issue: a sliced retro sun over a city skyline, a typing terminal, three villains defeated and a reader-mail FAQ light · black-and-white · manga · comic |
| Ghost Agent Landing Page Invisible AI agents pitched as ghosts: pixel ghosts float up a curved hero, and three SVG ghosts clear a 100-task board live dark · neon-gradient · playful · pixel-art |
| Sunset Scroll Story Page A fusion company told as one long sunset: scroll and the sun goes down over a layered SVG landscape, night falls, then a live canvas tokamak takes over light · illustrated · parallax · scroll-driven |
| Radiating Rings Hero Page Concentric stadium rings radiating out of the call to action, under a streaked orb, with glass readouts floating in the gaps dark · blue · glassmorphism · concentric-rings |
| Highlighter Markup Page A marked-up document: every highlight is a real highlighter, rough-edged by an SVG displacement filter, with a colour per verdict light · editorial · paper · serif |
| Recessed Aperture Hero Page Soft UI in a violet palette: an aperture sunk into the page, tokens drifting across it, and a working run dial below dark · purple · neumorphic · soft-ui |
| Stage Light Launch Page A product announcement lit like a stage: conic spotlights, rising dust, a hairline grid and a light sweep running through the wordmark dark · theatrical · spotlight · conic-gradients |
| Machine Front Panel Page The landing page is the front panel: it boots itself on load, runs a needle self-test, then hands the switches to you dark · industrial · skeuomorphic · monospace |
| Neon Glass App Landing Page Frosted panels lit by a comet that races their border, and a chat bar that opens into a breathing voice orb dark · glassmorphism · neon · blue |
| Grain Motion System Page An autumn lake painted in pure CSS, die-cut sticker type, and a live agent run that stops for a human checkpoint light · illustrated · css-art · sticker |
| Icon-Cut Card Stack Page Glass cards with their icon punched clean through, on gradient throughlines that travel as you scroll dark · monospace · spectrum-gradient · scroll-driven |
| Holographic Ticket Landing Page A WebGL agent swarm you can shove out of the way, and die-cut holographic tickets masked out of one conic gradient light · pastel · holographic · webgl |
| Notched Panel Catalog Page Interlocking cobalt panels, moulded-plastic controls, model cards with CSS benchmark plates light · poster · cobalt-yellow · notched-panels |
| Squircle Keycap Product Page Generated SVG keycaps inside a neo-brutalist bento shell, with a hero key that runs a live runbook light · neo-brutalist · bento · isometric |
| Generative Editorial Product Page Fashion-editorial layout for an AI product, every image a gooey generative composition light · editorial · generative-art · gooey |
| Wind Field Routing Page Live WebGL wind field hero, six pressure presets, broken-frame buttons and cards dark · webgl · data-viz · editorial |
| Clay Constellation SaaS Hero A tilted live chat demo in a cloud of clay stat cards, pixel-type accents, and buttons that measure themselves light · clay · warm-paper · pixel-type |
| SmartCare Clinical AI Landing Page Iridescence shader hero + CSS power switch: one light source for buttons, cards and charts dark · clinical · webgl · iridescent |
| CRAFT Studio WebGL Landing Page Glass torus knot refracting giant type, scroll-lit statement, Swiss monochrome AI platform site light · swiss · monochrome · webgl |
| Canvas Fire Button Procedural canvas flame toggle with embers, hold-to-supercharge and a live playground dark · canvas · particles · glass |
| Monax Analytics Landing Page Dithered WebGL halftone panels, glossy 3D orbs, tabbed product demo, bento + pricing light · warm-paper · 3d-orbs · webgl |
| Clay SaaS Platform Page Liquid-glass agent platform with a three-theme switcher, dark terminal cards and circuit-trace module graphics light · clay · neumorphic · soft-ui |
| Skewed Marquee Wall Skewed marquee lanes of agent runs behind a working run console, with approval gates and a fleet kill switch dark · industrial · pixel-type · marquee |
pages/<slug>/
index.html the page: one file, every asset inlined, opens from disk
PROMPT.md the one-shot brief it was built from
README.md what it is for, its style, sections, stack, and credits
preview.jpg 1200x600 screenshot
index.json every page's metadata, for agents and scripts
AGENTS.md how an agent should use this repo
Some pages are built around someone else's work — a CodePen, a Uiverse button, a Rive marketplace file. Each of those pages credits its source in its own README (under Built on) and in the page itself. Keep that attribution if you redistribute the component; the original's own terms apply to the parts taken from it.
MIT. Use the pages and prompts in personal and commercial work, change them, ship them.