{ "name": "INSTALANDING.AI", "url": "https://instalanding.ai/", "description": "Premium landing pages built for humans and agents: single HTML files with no dependencies, each with the one-shot prompt that builds it. Copy it, remix it, ship it. Free, MIT, no account.", "generated": "2026-10-10T04:31:06.217Z", "count": 39, "license": "MIT", "usage": { "prompt": "https://instalanding.ai/p/.txt", "promptJson": "https://instalanding.ai/p/.json", "index": "https://instalanding.ai/llms.txt", "skill": "https://instalanding.ai/SKILL.md", "cli": "npx -y instalanding search ", "mcp": "npx -y instalanding mcp" }, "categories": [ { "slug": "web", "label": "WEB", "count": 23 }, { "slug": "motion", "label": "MOTION", "count": 5 }, { "slug": "product", "label": "PRODUCT", "count": 7 }, { "slug": "navigation", "label": "NAVIGATION", "count": 2 }, { "slug": "forms", "label": "FORMS", "count": 2 } ], "prompts": [ { "slug": "radiating-rings-hero-page", "title": "Radiating Rings Hero Page", "category": "web", "categoryLabel": "WEB", "description": "Concentric stadium rings radiating out of the call to action, under a streaked orb, with glass readouts floating in the gaps", "bestFor": [ "AI inference and edge networks", "cloud infrastructure", "developer platforms", "usage-based pricing" ], "style": [ "dark", "blue", "glassmorphism", "concentric-rings", "pointer-light" ], "theme": "dark", "added": "Sep 27, 2026", "tile": "large", "preview": "hero", "promptChars": 4535, "approxPromptTokens": 1134, "promptUrl": "https://instalanding.ai/p/radiating-rings-hero-page.txt", "promptJsonUrl": "https://instalanding.ai/p/radiating-rings-hero-page.json", "pageUrl": "https://instalanding.ai/prompt/radiating-rings-hero-page", "demoUrl": "https://instalanding.ai/demos/proxima-edge.html", "thumbnailUrl": "https://instalanding.ai/thumbs/proxima-edge.jpg", "sections": [ "nav", "hero", "features", "latency", "how-it-works", "stats", "pricing", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Poppins", "JetBrains Mono" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 71301 }, { "slug": "speech-console-dashboard", "title": "Speech Console Dashboard", "category": "product", "categoryLabel": "PRODUCT", "description": "A moulded player deck for synthesised speech: a lit waveform, a dotted gain knob, stereo tick meters and a transcript that reads along", "bestFor": [ "voice AI consoles", "text-to-speech tools", "audio review dashboards" ], "style": [ "light", "neumorphic", "monospace", "amber-accent", "one-viewport" ], "theme": "light", "added": "Sep 26, 2026", "tile": "large", "preview": "dashboard", "promptChars": 3262, "approxPromptTokens": 816, "promptUrl": "https://instalanding.ai/p/speech-console-dashboard.txt", "promptJsonUrl": "https://instalanding.ai/p/speech-console-dashboard.json", "pageUrl": "https://instalanding.ai/prompt/speech-console-dashboard", "demoUrl": "https://instalanding.ai/demos/timbre-console.html", "thumbnailUrl": "https://instalanding.ai/thumbs/timbre-console.jpg", "sections": [ "topbar", "deck", "queue", "status-bar" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Inter", "JetBrains Mono" ], "features": [ "inline-svg", "reduced-motion" ] }, "demoBytes": 29275 }, { "slug": "highlighter-markup-page", "title": "Highlighter Markup Page", "category": "web", "categoryLabel": "WEB", "description": "A marked-up document: every highlight is a real highlighter, rough-edged by an SVG displacement filter, with a colour per verdict", "bestFor": [ "LLM grounding and evals", "RAG citation checking", "AI trust and safety", "document AI" ], "style": [ "light", "editorial", "paper", "serif", "highlighter" ], "theme": "light", "added": "Sep 26, 2026", "tile": "large", "preview": "hero", "promptChars": 6114, "approxPromptTokens": 1529, "promptUrl": "https://instalanding.ai/p/highlighter-markup-page.txt", "promptJsonUrl": "https://instalanding.ai/p/highlighter-markup-page.json", "pageUrl": "https://instalanding.ai/prompt/highlighter-markup-page", "demoUrl": "https://instalanding.ai/demos/footnote-grounding.html", "thumbnailUrl": "https://instalanding.ai/thumbs/footnote-grounding.jpg", "credits": [ { "label": "Nice by Christian Alder", "href": "https://codepen.io/HejChristian", "note": "The highlighter treatment - the displaced ::before, the pen blob and the --color hook - comes from this pen." } ], "sections": [ "nav", "hero", "verdicts", "demo", "stats", "how-it-works", "payload", "uses", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Source Serif 4", "JetBrains Mono", "Caveat", "Mynerve", "Special Elite" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 143288 }, { "slug": "recessed-aperture-hero-page", "title": "Recessed Aperture Hero Page", "category": "web", "categoryLabel": "WEB", "description": "Soft UI in a violet palette: an aperture sunk into the page, tokens drifting across it, and a working run dial below", "bestFor": [ "agent memory infrastructure", "LLM platform APIs", "AI developer tools", "usage-priced dev products" ], "style": [ "purple", "neumorphic", "soft-ui", "parallax", "condensed-type" ], "theme": "dark", "added": "Sep 26, 2026", "tile": "large", "preview": "hero", "promptChars": 6044, "approxPromptTokens": 1511, "promptUrl": "https://instalanding.ai/p/recessed-aperture-hero-page.txt", "promptJsonUrl": "https://instalanding.ai/p/recessed-aperture-hero-page.json", "pageUrl": "https://instalanding.ai/prompt/recessed-aperture-hero-page", "demoUrl": "https://instalanding.ai/demos/mnemo-context-window.html", "thumbnailUrl": "https://instalanding.ai/thumbs/mnemo-context-window.jpg", "credits": [ { "label": "Parallax 404 by Rafaela Lucas", "href": "https://www.rafaelalucas.com", "note": "The recessed discs, the drifting pills and the doubled figure come from this pen." } ], "sections": [ "nav", "hero", "features", "stats", "how-it-works", "console", "pricing", "faq", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Barlow Condensed", "Barlow" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 105341 }, { "slug": "stage-light-launch-page", "title": "Stage Light Launch Page", "category": "web", "categoryLabel": "WEB", "description": "A product announcement lit like a stage: conic spotlights, rising dust, a hairline grid and a light sweep running through the wordmark", "bestFor": [ "AI infrastructure launches", "developer runtime announcements", "waitlist pages", "product reveals" ], "style": [ "dark", "theatrical", "spotlight", "conic-gradients", "scroll-driven" ], "theme": "dark", "added": "Sep 25, 2026", "tile": "large", "preview": "hero", "promptChars": 13297, "approxPromptTokens": 3324, "promptUrl": "https://instalanding.ai/p/stage-light-launch-page.txt", "promptJsonUrl": "https://instalanding.ai/p/stage-light-launch-page.json", "pageUrl": "https://instalanding.ai/prompt/stage-light-launch-page", "demoUrl": "https://instalanding.ai/demos/umbra-eclipse.html", "thumbnailUrl": "https://instalanding.ai/thumbs/umbra-eclipse.jpg", "credits": [ { "label": "Eclipx by RAFA3L", "href": "https://codepen.io/RAFA3L", "note": "The spotlight cones, the swept wordmark and the rotated-square ridge come from this pen." } ], "sections": [ "nav", "hero", "pitch", "features", "how-it-works", "stats", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Archivo", "JetBrains Mono" ], "features": [ "inline-svg", "reduced-motion" ] }, "demoBytes": 58027 }, { "slug": "machine-front-panel-page", "title": "Machine Front Panel Page", "category": "web", "categoryLabel": "WEB", "description": "The landing page is the front panel: it boots itself on load, runs a needle self-test, then hands the switches to you", "bestFor": [ "on-prem AI hardware", "AI infrastructure", "self-hosted LLM appliances", "live telemetry products" ], "style": [ "dark", "industrial", "skeuomorphic", "monospace", "amber-accent" ], "theme": "dark", "added": "Sep 25, 2026", "tile": "large", "preview": "dashboard", "promptChars": 4147, "approxPromptTokens": 1037, "promptUrl": "https://instalanding.ai/p/machine-front-panel-page.txt", "promptJsonUrl": "https://instalanding.ai/p/machine-front-panel-page.json", "pageUrl": "https://instalanding.ai/prompt/machine-front-panel-page", "demoUrl": "https://instalanding.ai/demos/kiln-panel.html", "thumbnailUrl": "https://instalanding.ai/thumbs/kiln-panel.jpg", "sections": [ "nav", "menu", "hero", "why", "inside", "spec-sheet", "compare", "install", "configurations", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Archivo", "JetBrains Mono" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 143709 }, { "slug": "model-capture-console", "title": "Model Capture Console", "category": "product", "categoryLabel": "PRODUCT", "description": "A VHS case-file shell wrapped around a light inspector: one viewport, tabbed layers, hotspot anatomy, a scrubable trace and a live capture log", "bestFor": [ "LLM observability", "model interpretability tools", "AI eval dashboards", "agent run inspectors" ], "style": [ "dark", "vhs", "scanlines", "monospace", "one-viewport" ], "theme": "dark", "added": "Sep 25, 2026", "tile": "large", "preview": "dashboard", "promptChars": 5881, "approxPromptTokens": 1470, "promptUrl": "https://instalanding.ai/p/model-capture-console.txt", "promptJsonUrl": "https://instalanding.ai/p/model-capture-console.json", "pageUrl": "https://instalanding.ai/prompt/model-capture-console", "demoUrl": "https://instalanding.ai/demos/maverick-console.html", "thumbnailUrl": "https://instalanding.ai/thumbs/maverick-console.jpg", "credits": [ { "label": "VHS case-file layout by mahri", "href": "https://codepen.io/mahricodes", "note": "The dark shell, the skewed tabs, the taped photo and the sidebar transport are adapted from this pen" } ], "sections": [ "topbar", "console", "status-bar" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Archivo", "JetBrains Mono" ], "features": [ "inline-svg", "reduced-motion" ] }, "demoBytes": 63009 }, { "slug": "driving-cluster-dashboard", "title": "Driving Cluster Dashboard", "category": "product", "categoryLabel": "PRODUCT", "description": "A live instrument cluster filling one viewport: hold to accelerate, switch drive modes, and watch the route beside it", "bestFor": [ "autonomous vehicle HUDs", "EV telemetry dashboards", "real-time instrument UIs", "simulation control panels" ], "style": [ "dark", "hud", "neon-cyan", "monospace", "one-viewport" ], "theme": "dark", "added": "Sep 25, 2026", "tile": "large", "preview": "dashboard", "promptChars": 6017, "approxPromptTokens": 1504, "promptUrl": "https://instalanding.ai/p/driving-cluster-dashboard.txt", "promptJsonUrl": "https://instalanding.ai/p/driving-cluster-dashboard.json", "pageUrl": "https://instalanding.ai/prompt/driving-cluster-dashboard", "demoUrl": "https://instalanding.ai/demos/drive-cluster.html", "thumbnailUrl": "https://instalanding.ai/thumbs/drive-cluster.jpg", "sections": [ "topbar", "cluster", "status-bar" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Chakra Petch", "JetBrains Mono" ], "features": [ "inline-svg", "reduced-motion" ] }, "demoBytes": 46459 }, { "slug": "neon-glass-app-landing-page", "title": "Neon Glass App Landing Page", "category": "web", "categoryLabel": "WEB", "description": "Frosted panels lit by a comet that races their border, and a chat bar that opens into a breathing voice orb", "bestFor": [ "AI platform launches", "enterprise knowledge assistants", "agent automation SaaS", "developer APIs", "AI chat apps" ], "style": [ "dark", "glassmorphism", "neon", "blue", "lowercase", "react-bundle" ], "theme": "dark", "added": "Sep 29, 2026", "tile": "large", "preview": "hero", "promptChars": 5396, "approxPromptTokens": 1349, "promptUrl": "https://instalanding.ai/p/neon-glass-app-landing-page.txt", "promptJsonUrl": "https://instalanding.ai/p/neon-glass-app-landing-page.json", "pageUrl": "https://instalanding.ai/prompt/neon-glass-app-landing-page", "demoUrl": "https://instalanding.ai/demos/arcline-neon-glass.html", "thumbnailUrl": "https://instalanding.ai/thumbs/arcline-neon-glass.jpg", "credits": [ { "label": "Neon Glass Context Menu by Simey", "href": "https://codepen.io/", "note": "The shine/glow edge-light technique the panels are built from, retuned to this palette" }, { "label": "Chat input by Cobp on Uiverse.io", "href": "https://uiverse.io/", "note": "The hero's expanding chat bar and its voice-panel state" } ], "sections": [ "nav", "hero", "product", "features", "how-it-works", "stats", "developers", "pricing", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [], "features": [ "inlined-react-bundle", "inlined-images", "reduced-motion" ] }, "demoBytes": 385333 }, { "slug": "grain-motion-system-page", "title": "Grain Motion System Page", "category": "web", "categoryLabel": "WEB", "description": "An autumn lake painted in pure CSS, die-cut sticker type, and a live agent run that stops for a human checkpoint", "bestFor": [ "AI agent runtimes", "developer tools", "workflow automation", "human-in-the-loop AI" ], "style": [ "light", "illustrated", "css-art", "sticker", "playful", "grain" ], "theme": "light", "added": "Sep 24, 2026", "tile": "large", "preview": "buttons", "promptChars": 11415, "approxPromptTokens": 2854, "promptUrl": "https://instalanding.ai/p/grain-motion-system-page.txt", "promptJsonUrl": "https://instalanding.ai/p/grain-motion-system-page.json", "pageUrl": "https://instalanding.ai/prompt/grain-motion-system-page", "demoUrl": "https://instalanding.ai/demos/grain-motion-system.html", "thumbnailUrl": "https://instalanding.ai/thumbs/grain-motion-system.jpg", "credits": [ { "label": "Animated Button — Uiverse", "href": "https://uiverse.io/", "note": "The morphing pill the button set is adapted from, by ryota1231" } ], "sections": [ "nav", "hero", "specs", "features", "build", "console", "pricing", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Cherry Bomb One", "Geist", "Geist Mono" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 173879 }, { "slug": "icon-cut-card-stack-page", "title": "Icon-Cut Card Stack Page", "category": "web", "categoryLabel": "WEB", "description": "Glass cards with their icon punched clean through, on gradient throughlines that travel as you scroll", "bestFor": [ "AI infrastructure", "LLM ops and eval platforms", "developer tools", "model gateways" ], "style": [ "dark", "monospace", "spectrum-gradient", "scroll-driven", "poster" ], "theme": "dark", "added": "Sep 23, 2026", "tile": "large", "preview": "cards", "promptChars": 16907, "approxPromptTokens": 4227, "promptUrl": "https://instalanding.ai/p/icon-cut-card-stack-page.txt", "promptJsonUrl": "https://instalanding.ai/p/icon-cut-card-stack-page.json", "pageUrl": "https://instalanding.ai/prompt/icon-cut-card-stack-page", "demoUrl": "https://instalanding.ai/demos/throughline-scroll-stack.html", "thumbnailUrl": "https://instalanding.ai/thumbs/throughline-scroll-stack.jpg", "sections": [ "nav", "hero", "card-stack", "features", "stats", "pricing", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [ { "name": "gsap", "version": "3.12.5", "cdn": "cdnjs" } ], "fonts": [ "Source Code Pro", "Anton" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 133024 }, { "slug": "agent-run-transcript-page", "title": "Agent Run Transcript Page", "category": "web", "categoryLabel": "WEB", "description": "One agent run wound onto tape — scrub the playhead and watch the context, the spend and the clock move with it", "bestFor": [ "agent observability", "LLM tracing and debugging", "AI developer tools", "replay UIs" ], "style": [ "light", "editorial", "print", "serif", "monospace", "retro" ], "theme": "light", "added": "Sep 23, 2026", "tile": "large", "preview": "dashboard", "promptChars": 14337, "approxPromptTokens": 3584, "promptUrl": "https://instalanding.ai/p/agent-run-transcript-page.txt", "promptJsonUrl": "https://instalanding.ai/p/agent-run-transcript-page.json", "pageUrl": "https://instalanding.ai/prompt/agent-run-transcript-page", "demoUrl": "https://instalanding.ai/demos/spool-run-transcript.html", "thumbnailUrl": "https://instalanding.ai/thumbs/spool-run-transcript.jpg", "sections": [ "nav", "hero", "logos", "run-transcript", "product", "anatomy", "compare", "how-it-works", "install", "integrations", "testimonials", "pricing", "faq", "cta", "footer", "field-manual" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "EB Garamond", "Space Grotesk", "IBM Plex Mono", "Silkscreen" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 103692 }, { "slug": "holographic-ticket-landing-page", "title": "Holographic Ticket Landing Page", "category": "web", "categoryLabel": "WEB", "description": "A WebGL agent swarm you can shove out of the way, and die-cut holographic tickets masked out of one conic gradient", "bestFor": [ "AI research labs", "multi-agent platforms", "model family showcases", "early-access waitlists" ], "style": [ "light", "pastel", "holographic", "webgl", "three.js" ], "theme": "light", "added": "Sep 29, 2026", "tile": "large", "preview": "hero", "promptChars": 7213, "approxPromptTokens": 1803, "promptUrl": "https://instalanding.ai/p/holographic-ticket-landing-page.txt", "promptJsonUrl": "https://instalanding.ai/p/holographic-ticket-landing-page.json", "pageUrl": "https://instalanding.ai/prompt/holographic-ticket-landing-page", "demoUrl": "https://instalanding.ai/demos/murmur-swarm-tickets.html", "thumbnailUrl": "https://instalanding.ai/thumbs/murmur-swarm-tickets.jpg", "sections": [ "hero", "marquee", "lab", "products", "how-it-works", "models", "quote", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [ { "name": "three", "version": "r128", "cdn": "cdnjs" }, { "name": "gsap", "version": "3.12.5", "cdn": "cdnjs" } ], "fonts": [ "Oswald" ], "features": [ "inline-svg", "reduced-motion" ] }, "demoBytes": 74208 }, { "slug": "notched-panel-catalog-page", "title": "Notched Panel Catalog Page", "category": "web", "categoryLabel": "WEB", "description": "Interlocking cobalt panels, moulded-plastic controls, model cards with CSS benchmark plates", "bestFor": [ "LLM gateways and model routers", "AI API platforms", "model catalogs", "developer tools" ], "style": [ "light", "poster", "cobalt-yellow", "notched-panels", "bold" ], "theme": "light", "added": "Sep 23, 2026", "tile": "large", "preview": "cards", "promptChars": 5269, "approxPromptTokens": 1317, "promptUrl": "https://instalanding.ai/p/notched-panel-catalog-page.txt", "promptJsonUrl": "https://instalanding.ai/p/notched-panel-catalog-page.json", "pageUrl": "https://instalanding.ai/prompt/notched-panel-catalog-page", "demoUrl": "https://instalanding.ai/demos/modelyard-router.html", "thumbnailUrl": "https://instalanding.ai/thumbs/modelyard-router.jpg", "sections": [ "nav", "hero", "logos", "quickstart", "catalog", "routing-policy", "pricing", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Anton", "Inter", "JetBrains Mono" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 82151 }, { "slug": "squircle-keycap-product-page", "title": "Squircle Keycap Product Page", "category": "web", "categoryLabel": "WEB", "description": "Generated SVG keycaps inside a neo-brutalist bento shell, with a hero key that runs a live runbook", "bestFor": [ "incident response and SRE tools", "runbook automation", "AI operator products", "devops platforms" ], "style": [ "light", "neo-brutalist", "bento", "isometric", "monospace", "tactile" ], "theme": "light", "added": "Sep 23, 2026", "tile": "large", "preview": "buttons", "promptChars": 5595, "approxPromptTokens": 1399, "promptUrl": "https://instalanding.ai/p/squircle-keycap-product-page.txt", "promptJsonUrl": "https://instalanding.ai/p/squircle-keycap-product-page.json", "pageUrl": "https://instalanding.ai/prompt/squircle-keycap-product-page", "demoUrl": "https://instalanding.ai/demos/bigred-runbooks.html", "thumbnailUrl": "https://instalanding.ai/thumbs/bigred-runbooks.jpg", "sections": [ "nav", "hero", "run-log", "stats", "audit", "registry", "proof", "playbook", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Bricolage Grotesque", "Instrument Sans", "DM Mono", "Material Icons" ], "features": [ "canvas-2d", "inline-svg", "reduced-motion" ] }, "demoBytes": 65969 }, { "slug": "generative-editorial-product-page", "title": "Generative Editorial Product Page", "category": "web", "categoryLabel": "WEB", "description": "Fashion-editorial layout for an AI product, every image a gooey generative composition", "bestFor": [ "LLM eval platforms", "AI quality and CI gates", "developer tools", "editorial product launches" ], "style": [ "light", "editorial", "generative-art", "gooey", "serif" ], "theme": "light", "added": "Sep 22, 2026", "tile": "large", "preview": "gallery", "promptChars": 5162, "approxPromptTokens": 1291, "promptUrl": "https://instalanding.ai/p/generative-editorial-product-page.txt", "promptJsonUrl": "https://instalanding.ai/p/generative-editorial-product-page.json", "pageUrl": "https://instalanding.ai/prompt/generative-editorial-product-page", "demoUrl": "https://instalanding.ai/demos/prism-evals-editorial.html", "thumbnailUrl": "https://instalanding.ai/thumbs/prism-evals-editorial.jpg", "sections": [ "nav", "hero", "ticker", "hero-art", "logos", "about", "runs", "product", "ticker-2", "testimonials", "pricing", "cta", "contact", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [ { "name": "gsap", "version": "3.12.5", "cdn": "cdnjs" } ], "fonts": [ "Asul", "Cabin", "Covered By Your Grace", "IBM Plex Mono" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 103961 }, { "slug": "wind-field-routing-page", "title": "Wind Field Routing Page", "category": "web", "categoryLabel": "WEB", "description": "Live WebGL wind field hero, six pressure presets, broken-frame buttons and cards", "bestFor": [ "logistics and routing", "fleet operations", "geospatial data products", "climate and weather tech" ], "style": [ "dark", "webgl", "data-viz", "editorial", "monospace", "scroll-pinned" ], "theme": "dark", "added": "Sep 22, 2026", "tile": "large", "preview": "dashboard", "promptChars": 7113, "approxPromptTokens": 1778, "promptUrl": "https://instalanding.ai/p/wind-field-routing-page.txt", "promptJsonUrl": "https://instalanding.ai/p/wind-field-routing-page.json", "pageUrl": "https://instalanding.ai/prompt/wind-field-routing-page", "demoUrl": "https://instalanding.ai/demos/drift-wind-routing.html", "thumbnailUrl": "https://instalanding.ai/thumbs/drift-wind-routing.jpg", "credits": [ { "label": "Uiverse — fancy button by cssbuttons-io", "href": "https://uiverse.io/", "note": "The broken-frame button the page's buttons and cards are built from." } ], "sections": [ "nav", "menu", "hero", "stats", "model", "bridge", "routes", "api", "pricing", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [ { "name": "gsap", "version": "3.12.5", "cdn": "cdnjs" } ], "fonts": [ "Archivo", "IBM Plex Mono", "Instrument Sans" ], "features": [ "webgl", "canvas-2d", "inline-svg", "reduced-motion" ] }, "demoBytes": 197157 }, { "slug": "clay-constellation-saas-hero", "title": "Clay Constellation SaaS Hero", "category": "web", "categoryLabel": "WEB", "description": "A tilted live chat demo in a cloud of clay stat cards, pixel-type accents, and buttons that measure themselves", "bestFor": [ "AI analytics", "product analytics SaaS", "AI copilots", "growth tools" ], "style": [ "light", "clay", "warm-paper", "pixel-type", "yellow-accent" ], "theme": "light", "added": "Sep 22, 2026", "tile": "large", "preview": "hero", "promptChars": 11003, "approxPromptTokens": 2751, "promptUrl": "https://instalanding.ai/p/clay-constellation-saas-hero.txt", "promptJsonUrl": "https://instalanding.ai/p/clay-constellation-saas-hero.json", "pageUrl": "https://instalanding.ai/prompt/clay-constellation-saas-hero", "demoUrl": "https://instalanding.ai/demos/traffo-constellation.html", "thumbnailUrl": "https://instalanding.ai/thumbs/traffo-constellation.jpg", "credits": [ { "label": "Button by dexter-st on Uiverse.io", "href": "https://uiverse.io/", "note": "The measuring-frame button this page's design system is built from (MIT)" } ], "sections": [ "nav", "menu", "hero", "logos", "stats", "features", "product", "quote", "testimonials", "pricing", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [ { "name": "gsap", "version": "3.12.5", "cdn": "cdnjs" } ], "fonts": [ "Funnel Display", "JetBrains Mono" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 160659 }, { "slug": "smartcare-clinical-ai-landing-page", "title": "SmartCare Clinical AI Landing Page", "category": "web", "categoryLabel": "WEB", "description": "Iridescence shader hero + CSS power switch: one light source for buttons, cards and charts", "bestFor": [ "clinical and healthcare AI", "medical imaging", "regulated enterprise SaaS", "risk prediction" ], "style": [ "dark", "clinical", "webgl", "iridescent", "hud" ], "theme": "dark", "added": "Sep 22, 2026", "tile": "wide", "preview": "hero", "promptChars": 10044, "approxPromptTokens": 2511, "promptUrl": "https://instalanding.ai/p/smartcare-clinical-ai-landing-page.txt", "promptJsonUrl": "https://instalanding.ai/p/smartcare-clinical-ai-landing-page.json", "pageUrl": "https://instalanding.ai/prompt/smartcare-clinical-ai-landing-page", "demoUrl": "https://instalanding.ai/demos/smartcare-ai.html", "thumbnailUrl": "https://instalanding.ai/thumbs/smartcare-ai.jpg", "sections": [ "nav", "menu", "hero", "metrics", "features", "predictive", "how-it-works", "testimonials", "governance", "faq", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Bricolage Grotesque", "Hanken Grotesk", "IBM Plex Mono" ], "features": [ "webgl", "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 112478 }, { "slug": "craft-studio-webgl-landing-page", "title": "CRAFT Studio WebGL Landing Page", "category": "web", "categoryLabel": "WEB", "description": "Glass torus knot refracting giant type, scroll-lit statement, Swiss monochrome AI platform site", "bestFor": [ "AI platforms", "agent and RAG infrastructure", "premium SaaS launches", "design-forward tech brands" ], "style": [ "light", "swiss", "monochrome", "webgl", "glass", "three.js" ], "theme": "light", "added": "Sep 22, 2026", "tile": "large", "preview": "hero", "promptChars": 3554, "approxPromptTokens": 889, "promptUrl": "https://instalanding.ai/p/craft-studio-webgl-landing-page.txt", "promptJsonUrl": "https://instalanding.ai/p/craft-studio-webgl-landing-page.json", "pageUrl": "https://instalanding.ai/prompt/craft-studio-webgl-landing-page", "demoUrl": "https://instalanding.ai/demos/craft-studio.html", "thumbnailUrl": "https://instalanding.ai/thumbs/craft-studio.jpg", "sections": [ "nav", "hero", "product", "about", "features", "customers", "metrics", "pricing", "contact", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [ { "name": "three", "version": "0.170.0", "cdn": "jsdelivr" } ], "fonts": [ "Inter Tight", "Instrument Serif", "JetBrains Mono" ], "features": [ "canvas-2d", "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 86623 }, { "slug": "launch-form-onboarding-flow", "title": "Launch Form Onboarding Flow", "category": "product", "categoryLabel": "PRODUCT", "description": "100vh sign-up + onboarding web component that ends with a rocket publish button", "bestFor": [ "sign-up and onboarding flows", "creator platforms", "SaaS account creation", "web component libraries" ], "style": [ "dark", "space", "web-component", "form", "gradient" ], "theme": "dark", "added": "Sep 21, 2026", "tile": "large", "preview": "form", "promptChars": 4704, "approxPromptTokens": 1176, "promptUrl": "https://instalanding.ai/p/launch-form-onboarding-flow.txt", "promptJsonUrl": "https://instalanding.ai/p/launch-form-onboarding-flow.json", "pageUrl": "https://instalanding.ai/prompt/launch-form-onboarding-flow", "demoUrl": "https://instalanding.ai/demos/launch-form.html", "thumbnailUrl": "https://instalanding.ai/thumbs/launch-form.jpg", "sections": [ "launch-form", "signup", "login", "overlay" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Inter", "JetBrains Mono" ], "features": [ "inline-svg", "web-component", "reduced-motion" ] }, "demoBytes": 69244 }, { "slug": "canvas-fire-button", "title": "Canvas Fire Button", "category": "motion", "categoryLabel": "MOTION", "description": "Procedural canvas flame toggle with embers, hold-to-supercharge and a live playground", "bestFor": [ "playful CTAs and toggles", "gamified streak UIs", "component showcases", "launch buttons" ], "style": [ "dark", "canvas", "particles", "glass", "playful" ], "theme": "dark", "added": "Sep 21, 2026", "tile": "large", "preview": "buttons", "promptChars": 4670, "approxPromptTokens": 1168, "promptUrl": "https://instalanding.ai/p/canvas-fire-button.txt", "promptJsonUrl": "https://instalanding.ai/p/canvas-fire-button.json", "pageUrl": "https://instalanding.ai/prompt/canvas-fire-button", "demoUrl": "https://instalanding.ai/demos/fire-button.html", "thumbnailUrl": "https://instalanding.ai/thumbs/fire-button.jpg", "credits": [ { "label": "Fire Button — Rive Marketplace", "href": "https://rive.app/marketplace/3703-7734-fire-button/", "note": "The community .riv the first version of this component was built around; the flame here is drawn in code instead" } ], "sections": [ "nav", "hero", "variants", "anatomy", "usage", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Bricolage Grotesque", "Instrument Serif", "JetBrains Mono" ], "features": [ "canvas-2d", "inline-svg", "reduced-motion" ] }, "demoBytes": 74428 }, { "slug": "monax-analytics-landing-page", "title": "Monax Analytics Landing Page", "category": "web", "categoryLabel": "WEB", "description": "Dithered WebGL halftone panels, glossy 3D orbs, tabbed product demo, bento + pricing", "bestFor": [ "analytics SaaS", "BI and data platforms", "B2B dashboards", "data team tools" ], "style": [ "light", "warm-paper", "3d-orbs", "webgl", "bento" ], "theme": "light", "added": "Sep 21, 2026", "tile": "large", "preview": "hero", "promptChars": 8443, "approxPromptTokens": 2111, "promptUrl": "https://instalanding.ai/p/monax-analytics-landing-page.txt", "promptJsonUrl": "https://instalanding.ai/p/monax-analytics-landing-page.json", "pageUrl": "https://instalanding.ai/prompt/monax-analytics-landing-page", "demoUrl": "https://instalanding.ai/demos/monax-analytics.html", "thumbnailUrl": "https://instalanding.ai/thumbs/monax-analytics.jpg", "sections": [ "nav", "hero", "fan-stack", "logos", "product", "features", "testimonials", "pricing", "resources", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [ { "name": "gsap", "version": "3.12.5", "cdn": "cdnjs" } ], "fonts": [ "Inter" ], "features": [ "webgl", "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 133171 }, { "slug": "clay-saas-platform-page", "title": "Clay SaaS Platform Page", "category": "web", "categoryLabel": "WEB", "description": "Liquid-glass agent platform with a three-theme switcher, dark terminal cards and circuit-trace module graphics", "bestFor": [ "AI agent platforms", "developer APIs", "SaaS control planes", "workflow automation", "B2B infrastructure" ], "style": [ "light", "clay", "neumorphic", "soft-ui", "pastel", "theme-switcher" ], "theme": "light", "added": "Sep 21, 2026", "tile": "large", "preview": "clay-hero", "promptChars": 7608, "approxPromptTokens": 1902, "promptUrl": "https://instalanding.ai/p/clay-saas-platform-page.txt", "promptJsonUrl": "https://instalanding.ai/p/clay-saas-platform-page.json", "pageUrl": "https://instalanding.ai/prompt/clay-saas-platform-page", "demoUrl": "https://instalanding.ai/demos/dermexcel-clay-hero.html", "thumbnailUrl": "https://instalanding.ai/thumbs/clay-pharma-landing-hero.jpg", "credits": [ { "label": "Uiverse — generate button by dexter-st", "href": "https://uiverse.io/", "note": "The glossy button the page's accent and lighting are built from." } ], "sections": [ "nav", "menu", "hero", "platform", "modules", "how-it-works", "pipelines", "testimonials", "faq", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "Funnel Display", "JetBrains Mono" ], "features": [ "inline-svg", "inlined-images", "reduced-motion" ] }, "demoBytes": 227759 }, { "slug": "skewed-marquee-wall", "title": "Skewed Marquee Wall", "category": "web", "categoryLabel": "WEB", "description": "Skewed marquee lanes of agent runs behind a working run console, with approval gates and a fleet kill switch", "bestFor": [ "AI agents for operations", "e-commerce automation", "agent orchestration", "back-office SaaS" ], "style": [ "dark", "industrial", "pixel-type", "marquee", "terminal" ], "theme": "dark", "added": "Sep 22, 2026", "tile": "wide", "preview": "marquee", "promptChars": 6723, "approxPromptTokens": 1681, "promptUrl": "https://instalanding.ai/p/skewed-marquee-wall.txt", "promptJsonUrl": "https://instalanding.ai/p/skewed-marquee-wall.json", "pageUrl": "https://instalanding.ai/prompt/skewed-marquee-wall", "demoUrl": "https://instalanding.ai/demos/marquee-wall.html", "thumbnailUrl": "https://instalanding.ai/thumbs/marquee-wall.jpg", "sections": [ "nav", "hero", "integrations", "how-it-works", "agents", "guardrails", "cta", "footer" ], "stack": { "format": "single-file-html", "buildStep": false, "libraries": [], "fonts": [ "VT323", "Geist" ], "features": [ "inline-svg", "reduced-motion" ] }, "demoBytes": 102245 }, { "slug": "infinite-logo-marquee", "title": "Infinite Logo Marquee", "category": "motion", "categoryLabel": "MOTION", "description": "Seamless CSS-only scrolling brand strip", "bestFor": [], "style": [], "added": "Sep 18, 2026", "tile": "wide", "preview": "marquee", "promptChars": 279, "approxPromptTokens": 70, "promptUrl": "https://instalanding.ai/p/infinite-logo-marquee.txt", "promptJsonUrl": "https://instalanding.ai/p/infinite-logo-marquee.json", "pageUrl": "https://instalanding.ai/prompt/infinite-logo-marquee" }, { "slug": "programmatic-video-captions-on-a-crt", "title": "Programmatic Video — Captions On A CRT", "category": "motion", "categoryLabel": "MOTION", "description": "A video with no video file: every frame is a pure function of t, sliced type burning on a phosphor tube", "bestFor": [], "style": [], "theme": "dark", "added": "Sep 22, 2026", "tile": "tall", "preview": "parallax", "promptChars": 4213, "approxPromptTokens": 1053, "promptUrl": "https://instalanding.ai/p/programmatic-video-captions-on-a-crt.txt", "promptJsonUrl": "https://instalanding.ai/p/programmatic-video-captions-on-a-crt.json", "pageUrl": "https://instalanding.ai/prompt/programmatic-video-captions-on-a-crt", "thumbnailUrl": "https://instalanding.ai/thumbs/you-can-see-code.jpg", "videoUrl": "https://instalanding.ai/previews/you-can-see-code.mp4", "repoUrl": "https://github.com/RayVelez27/you-can-see-code" }, { "slug": "three-tier-pricing-table", "title": "Three-Tier Pricing Table", "category": "product", "categoryLabel": "PRODUCT", "description": "Highlighted middle tier with feature checklist", "bestFor": [], "style": [], "added": "Sep 15, 2026", "tile": "tall", "preview": "pricing", "promptChars": 367, "approxPromptTokens": 92, "promptUrl": "https://instalanding.ai/p/three-tier-pricing-table.txt", "promptJsonUrl": "https://instalanding.ai/p/three-tier-pricing-table.json", "pageUrl": "https://instalanding.ai/prompt/three-tier-pricing-table" }, { "slug": "sticky-glass-navbar", "title": "Sticky Glass Navbar", "category": "navigation", "categoryLabel": "NAVIGATION", "description": "Backdrop-blur bar that condenses on scroll", "bestFor": [], "style": [], "added": "Sep 12, 2026", "tile": "square", "preview": "navbar", "promptChars": 348, "approxPromptTokens": 87, "promptUrl": "https://instalanding.ai/p/sticky-glass-navbar.txt", "promptJsonUrl": "https://instalanding.ai/p/sticky-glass-navbar.json", "pageUrl": "https://instalanding.ai/prompt/sticky-glass-navbar" }, { "slug": "magnetic-cta-button", "title": "Magnetic CTA Button", "category": "motion", "categoryLabel": "MOTION", "description": "Button that leans toward the cursor", "bestFor": [], "style": [], "added": "Sep 10, 2026", "tile": "square", "preview": "buttons", "promptChars": 418, "approxPromptTokens": 105, "promptUrl": "https://instalanding.ai/p/magnetic-cta-button.txt", "promptJsonUrl": "https://instalanding.ai/p/magnetic-cta-button.json", "pageUrl": "https://instalanding.ai/prompt/magnetic-cta-button" }, { "slug": "email-waitlist-form", "title": "Email Waitlist Form", "category": "forms", "categoryLabel": "FORMS", "description": "Single-field capture with success state", "bestFor": [], "style": [], "added": "Sep 8, 2026", "tile": "square", "preview": "form", "promptChars": 412, "approxPromptTokens": 103, "promptUrl": "https://instalanding.ai/p/email-waitlist-form.txt", "promptJsonUrl": "https://instalanding.ai/p/email-waitlist-form.json", "pageUrl": "https://instalanding.ai/prompt/email-waitlist-form" }, { "slug": "bento-feature-grid", "title": "Bento Feature Grid", "category": "web", "categoryLabel": "WEB", "description": "Asymmetric feature cards in a bento layout", "bestFor": [], "style": [], "added": "Sep 5, 2026", "tile": "large", "preview": "cards", "promptChars": 322, "approxPromptTokens": 81, "promptUrl": "https://instalanding.ai/p/bento-feature-grid.txt", "promptJsonUrl": "https://instalanding.ai/p/bento-feature-grid.json", "pageUrl": "https://instalanding.ai/prompt/bento-feature-grid" }, { "slug": "scroll-reveal-sections", "title": "Scroll-Reveal Sections", "category": "motion", "categoryLabel": "MOTION", "description": "IntersectionObserver fade-up with stagger", "bestFor": [], "style": [], "added": "Sep 2, 2026", "tile": "tall", "preview": "parallax", "promptChars": 352, "approxPromptTokens": 88, "promptUrl": "https://instalanding.ai/p/scroll-reveal-sections.txt", "promptJsonUrl": "https://instalanding.ai/p/scroll-reveal-sections.json", "pageUrl": "https://instalanding.ai/prompt/scroll-reveal-sections" }, { "slug": "mega-footer", "title": "Mega Footer", "category": "web", "categoryLabel": "WEB", "description": "Four-column sitemap footer with big wordmark", "bestFor": [], "style": [], "added": "Aug 30, 2026", "tile": "wide", "preview": "footer", "promptChars": 318, "approxPromptTokens": 80, "promptUrl": "https://instalanding.ai/p/mega-footer.txt", "promptJsonUrl": "https://instalanding.ai/p/mega-footer.json", "pageUrl": "https://instalanding.ai/prompt/mega-footer" }, { "slug": "testimonial-cards", "title": "Testimonial Cards", "category": "product", "categoryLabel": "PRODUCT", "description": "Quote cards with avatar and star rating", "bestFor": [], "style": [], "added": "Aug 27, 2026", "tile": "square", "preview": "testimonial", "promptChars": 295, "approxPromptTokens": 74, "promptUrl": "https://instalanding.ai/p/testimonial-cards.txt", "promptJsonUrl": "https://instalanding.ai/p/testimonial-cards.json", "pageUrl": "https://instalanding.ai/prompt/testimonial-cards" }, { "slug": "stats-dashboard-card", "title": "Stats Dashboard Card", "category": "product", "categoryLabel": "PRODUCT", "description": "Metric tiles with mini bar chart", "bestFor": [], "style": [], "added": "Aug 24, 2026", "tile": "wide", "preview": "dashboard", "promptChars": 315, "approxPromptTokens": 79, "promptUrl": "https://instalanding.ai/p/stats-dashboard-card.txt", "promptJsonUrl": "https://instalanding.ai/p/stats-dashboard-card.json", "pageUrl": "https://instalanding.ai/prompt/stats-dashboard-card" }, { "slug": "vertical-sidebar-nav", "title": "Vertical Sidebar Nav", "category": "navigation", "categoryLabel": "NAVIGATION", "description": "Fixed left rail with icon + label items", "bestFor": [], "style": [], "added": "Aug 20, 2026", "tile": "tall", "preview": "sidebar-nav", "promptChars": 378, "approxPromptTokens": 95, "promptUrl": "https://instalanding.ai/p/vertical-sidebar-nav.txt", "promptJsonUrl": "https://instalanding.ai/p/vertical-sidebar-nav.json", "pageUrl": "https://instalanding.ai/prompt/vertical-sidebar-nav" }, { "slug": "search-with-modal-command-palette", "title": "Search with Modal Command Palette", "category": "forms", "categoryLabel": "FORMS", "description": "Cmd+K palette with fuzzy results", "bestFor": [], "style": [], "added": "Aug 16, 2026", "tile": "square", "preview": "modal", "promptChars": 359, "approxPromptTokens": 90, "promptUrl": "https://instalanding.ai/p/search-with-modal-command-palette.txt", "promptJsonUrl": "https://instalanding.ai/p/search-with-modal-command-palette.json", "pageUrl": "https://instalanding.ai/prompt/search-with-modal-command-palette" }, { "slug": "masonry-gallery", "title": "Masonry Gallery", "category": "web", "categoryLabel": "WEB", "description": "Pinterest-style grid with hover captions", "bestFor": [], "style": [], "added": "Aug 12, 2026", "tile": "square", "preview": "gallery", "promptChars": 304, "approxPromptTokens": 76, "promptUrl": "https://instalanding.ai/p/masonry-gallery.txt", "promptJsonUrl": "https://instalanding.ai/p/masonry-gallery.json", "pageUrl": "https://instalanding.ai/prompt/masonry-gallery" } ] }