Skip to main content

public 3d-motion repository

claude-directory

// pulkitxm/claude-directory

Open-source gallery of AI-generated UI experiments built with Claude (Fable 5) — landing pages, hero sections, GLSL shaders, design systems, animations & 3D in React, Tailwind & Three.js.

$ git log --oneline --stat
stars:276forks:61updated:2026-06-21
README.md
readonly

claude-directory — AI-generated UI experiments built with Claude

An open-source gallery of web UI experiments generated with Claude (Fable 5) — landing pages, hero sections, GLSL shaders, design systems, animations, portfolios, and 3D/WebGL scenes. Every project is self-contained, ships its prompt, and includes a recorded demo. Browse the live directory at pulkitxm.com/claude-directory.

Built mostly with React, TypeScript, Vite, Tailwind CSS, Three.js, Framer Motion, and GSAP (plus plenty of framework-free HTML/CSS/JS) — a reference collection of copy-pasteable, AI-generated front-end components and templates for anyone exploring what Claude can build on the web.

Categories: Hero sections · Landing pages · Shaders · UI design systems · Components & UI · Portfolios · Animations & loaders · 3D & games · Templates

Each project folder includes the originating prompt as prompt.md, preserved alongside the generated code. Some prompts were inspired by or adapted from public prompt/design references, including cnemri's gist, motionsites.ai, lafys.com, designprompts.dev, 21st.dev, superdesign.dev, and landinghero.ai.

Heads up: every project here was generated with Claude Fable 5 — this whole repo is vibe coded. Use it with care: review the code, check dependencies, verify accessibility/responsiveness, and run the local project checks before shipping anything to production.

Contributing

Got a cool experiment? Toss it in. No issues, no templates, no ceremony — just shoot a PR.

Only two things are non-negotiable:

  • prompt.md — the prompt you used to generate the project, dropped in the project folder.
  • demo.mp4 — a short screen recording of the thing actually working.

Beyond that, do whatever: any stack, any vibe, as long as your project lives in its own self-contained folder. Bonus points if you add a row to the table below, but no stress if you forget.

Once your demo.mp4 is in, generate its poster so the directory can show a sharp placeholder while the video loads (node scripts/generate-posters/generate-posters.mjs). This writes a poster.jpg next to the video and updates the root posters.json manifest — see scripts/generate-posters.

All PRs get reviewed and merged by Claude Opus, so don't be shy — if the prompt and demo are there, you're golden. 🤙

Projects are grouped by what they are. Each lives in its category folder (e.g. ./hero-sections/<project>/).

ProjectDescriptionStack
aethera-cinematic-heroCinematic hero for Aethera with video-driven visual treatment and headless verificationReact, TypeScript, Vite, Tailwind CSS
ai-builder-dark-heroDark-mode hero section for an AI website builder with animated reveals and HLS video streamingReact, TypeScript, Vite, Tailwind CSS, Motion, hls.js, Lucide
altitude-index-h38Editorial expedition-outfitter bento hero ("Warm Cartography") on warm paper with an ember accent, parallax photo tiles, fullscreen menu, and a scrolling coordinate tickerHTML, CSS, JavaScript, Space Grotesk
animated-text-rotate-heroshadcn/ui animated hero integration with spring word-rotation, hosted in a midnight-teal "Spektr" trade-desk shell with a live tickerReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Framer Motion, Lucide
bloom-liquid-glass-heroBloom hero experiment with floral imagery, liquid-glass styling, and generated visual assetsReact, TypeScript, Vite, Tailwind CSS
cinematic-stream-heroLUMIERE full-viewport streaming hero with looping cinematic background videoReact, TypeScript, Vite, Tailwind CSS
codenest-heroDark coding-education hero for "CodeNest" with an HLS (Mux) video background, grid lines, central glow, and a liquid-glass floating cardReact, TypeScript, Vite, Tailwind CSS, hls.js, Lucide, Vitest
convix-pr-agency-heroFull-viewport hero for PR-agency SaaS "Convix Software" with a rounded-card layout, background video, and floating pill navbarReact, TypeScript, Vite, Tailwind CSS, Lucide
datacore-video-heroResponsive full-screen hero with a purple palette and an opaque fullscreen video backgroundReact, TypeScript, Vite, Tailwind CSS, Lucide
designpro-video-heroFull-screen hero for product-design education platform "DesignPro" with a looping video background and animated shiny gradient headingReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
digital-epoch-heroRounded-card hero with looping video background, floating glass bottom navbar, and seamless CSS marquee logo scrollerReact, TypeScript, Vite, Tailwind CSS v4, Motion, Lucide
equilibrium-liquid-glass-heroFull-screen "Equilibrium" wellness hero with a liquid-glass UI over a looping background videoReact, TypeScript, Vite, Tailwind CSS, Lucide
fearless-vision-heroFull-screen hero with a background video, deep-purple accent, and Inter typographyReact, JavaScript, Vite, Tailwind CSS, Framer Motion, Lucide
helix-vault-h55"Institutional Crypto Terminal" hero for Helix Vault — emerald blade of light, glass portfolio dashboard mockup with count-up balance, growing bar chart, live ticker and scan-line, all framework-freeHTML, CSS, JavaScript, DM Sans
ironclad-password-heroPassword-manager hero section for Ironclad with animated product-style presentationReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
kubric-hero-landingDesktop-only dark hero for fictional studio "Kubric™" with a looping background video, an 8-layer progressive bottom blur, a self-drawing animated SVG logo, a character-by-character headline, and a video-ready reveal sequenceTanStack Start, React 19, Vite 7, Tailwind CSS v4
mainframe-hero-landingFull-screen hero landing page for a creative agency called "Mainframe" with custom Helvetica Now display fontsReact, TypeScript, Vite, Tailwind CSS
monocrit-studio-h27Interactive near-monochrome Swiss-brutalist studio hero with a cursor-following image card, magnetic headline letters, and movement-driven image cyclingHTML, CSS, JavaScript, Bricolage Grotesque
nexora-automation-heroSingle-viewport SaaS automation hero ("Nexora") with Instrument Serif / Inter type and Framer MotionReact, TypeScript, Vite, Tailwind CSS, Framer Motion, shadcn/ui, Lucide
noctis-cinematic-heroNOCTIS full-screen dark cinematic hero with video background, nav, and timecode detailsReact, TypeScript, Vite, CSS
particle-heroNight-sky particle-canvas hero with a clickable gold-mode invert toggle, rotating spotlights, and a radial-reveal headlineReact, TypeScript, Vite, Tailwind CSS, Canvas 2D, shadcn/ui, Lucide
power-ai-heroFull-screen dark AI hero with a JS-controlled fade-loop background video, headline, CTA, and logo marqueeReact, TypeScript, Vite, Tailwind CSS, Geist Sans, Lucide
prisma-noir-h52"Spectral darkroom" creative-director hero with drifting screen-blended color blobs, a clipped rotating-word headline, cursor parallax, and a fullscreen discover menu with hover image tickersHTML, CSS, JavaScript, Manrope, Titillium Web
rivr-defi-heroDeFi dashboard hero for RIVR with glassmorphism, badge/cards, and verification scriptReact, TypeScript, Vite, Tailwind CSS
securify-data-heroFull-screen hero section for a fictional data-security SaaS called securifyReact, TypeScript, Vite, Tailwind CSS
sentinel-ai-heroFull-screen dark hero for security company "Sentinel AI" with an embedded Spline 3D scene backgroundReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Spline
shape-landing-heroshadcn integration of Kokonut UI's HeroGeometric — animated geometric shapes, gradient headline and a live props playground on a near-black canvasReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide, shadcn/ui
skyelite-jet-heroPremium private jet hero section with full-viewport video background and luxury UI treatmentReact, TypeScript, Vite, Tailwind CSS
smart-prosthetics-heroSingle-page hero with a fullscreen video background and pill-style navbar for a smart-prosthetics conceptReact, TypeScript, Vite, Tailwind CSS, Lucide
stellar-ai-landing-hero"Stellar.ai" landing hero on a white background with staggered fade-in animations and Inter typeReact, TypeScript, Vite, Tailwind CSS, Lucide
synex-wealth-heroEditorial-minimal full-viewport hero for fictional wealth platform "Synex" on a warm paper background, with two photorealistic stones that reveal a cursor-following moss patch via a spring-driven radial mask, and a staggered blur-up load cascadeReact 18, Vite, TypeScript, Tailwind CSS, Framer Motion, Lucide
taskly-liquid-glass-heroHigh-fidelity "liquid glass" hero for Taskly with a sticky glass navbar and dual-column layout on a white gradient-glow backgroundReact, Vite
toonhub-figurine-carouselTOONHUB full-viewport character figurine carousel heroReact, TypeScript, Vite, Tailwind CSS, Lucide
transform-data-heroModern hero with a looping video background and a custom requestAnimationFrame fade systemReact, TypeScript, Vite, Tailwind CSS
vanguard-hero-landingFullscreen hero landing page for the creative agency VANGUARD with looping background videoReact, TypeScript, Vite, Tailwind CSS
vaultshield-heroVaultShield hero experiment with security-product positioning and CLI/headless verificationReact, TypeScript, Vite, Tailwind CSS
velorah-hero-landingVelorah hero landing page built with a modern Tailwind/shadcn-style component approachReact, TypeScript, Vite, Tailwind CSS, shadcn/ui
verdant-advisory-h10Quiet-luxury advisory hero — oversized forest-green card, Hedvig serif headline, floating glass stat chip, infinite trust marquee, count-up stats and approach cards on a white canvasHTML, CSS, Vanilla JS
wanderful-cinematic-heroFull-viewport cinematic hero for travel brand "Wanderful" with GSAP animation and a custom display fontReact, TypeScript, Vite, Tailwind CSS, GSAP, Lucide
woven-light-heroInteractive hero with 50k cursor-reactive Three.js particles woven into a torus-knot tapestry, integrated as a shadcn-style componentReact, TypeScript, Vite, Tailwind CSS, Three.js, Framer Motion
xero-encryption-heroSingle-page encryption-product hero for "Xero" with an animated icon pipeline and a pink-magenta gradient arc on a black page, written in plain CSSReact, TypeScript, Vite, CSS
ProjectDescriptionStack
aegis-console-h39"Precision Grid" cybersecurity SaaS landing for "Aegis" — white/bone canvas with one electric-lime accent, a fading hairline grid hero, a live security-console product mockup (animated lime SVG chart that draws itself, counting threat stats, pulsing status nodes), feature grid, ink count-up metrics band, 01–03 how-it-works with alert-feed/risk-bar/playbook mockups, three-tier pricing, and a gridded final CTAHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
almond-hours-h65"Warm Clinical Editorial" dignified-care senior-living landing for "Almond Hours" — near-white paper with almond-ink neutrals and a butter-cream tint, a floating rounded mega-menu nav with flip hovers, an infinite photo marquee, a dual-headline hero with text-wipe reveal, a horizontal width-morphing programs accordion with layered image stacks, a healthcare bento grid, a single-open FAQ, a wipe-fill CTA banner, and a cursor-reveal giant wordmarkHTML, CSS, Vanilla JS, IntersectionObserver, vendored fonts
amber-foundry-h9Warm editorial-intelligence landing page for fictional enterprise-AI consultancy "Amber Foundry" — cream/amber/roasted-brown palette, animated canvas neural-network hero, auto-advancing interactive solutions panel, bento method grid, and a dark pricing flipHTML, CSS, Vanilla JS, Canvas, vendored fonts
amberhaus-pet-atelier-h31"Amberhaus" warm-amber luxury pet-boutique landing — crisp white paper with a single amber-gold accent and butter-cream tints, Bricolage Grotesque display + Playfair italic flourishes, a crossfading triptych hero with parallax center panel, services+boutique bento, a horizontal-scroll founder story, vertical marquee testimonials, a jumping-type footer canvas, paw cursor, and a slide-up booking overlayHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
archway-summit-h21"Gallery Arch" tech-conference landing for "Archway Summit" — near-black editorial gallery framing headline speakers inside tall pastel museum arches (pink/blue/beige/yellow), grayscale-to-color portraits, mono schedule with Day 1/Day 2 toggle, FAQ accordion, and an inverted white final-CTA panelHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
asme-hero-landingFull-screen dark Asme landing page with Mux/HLS-style video, liquid-glass navbar, and email-capture CTAReact, JavaScript, Vite, CSS
asme-liquid-glass-landingDark cinematic Asme single-page landing site with liquid-glass UI detailsReact, TypeScript, Vite, Tailwind CSS
astral-veil-h6Cosmic-nocturne SaaS landing for "Novela" — near-black canvas, violet/cobalt nebula glows, frosted glass, Playfair Display headlines, CSS starfield, drifting UI fragments, trust marquee, and a floating constellation of integration capsulesHTML, CSS, Vanilla JS
atelier-noir-h7"Maison Éclisse" — a quiet, editorial haute-couture fashion-house lookbook (Atelier Noir aesthetic) on an ink-on-bone palette with Cormorant Garamond serif display, full-bleed hero, rotating seal badge, alternating diptychs, a staggered product grid, an editorial banner, journal, and slide-in menu/search overlaysHTML, CSS, JavaScript, IntersectionObserver, self-hosted fonts
atelier-press-h51"Atelier Press" editorial paper-grid creative-workspace membership landing — warm cream (#FFFDF0) paper on near-black ink with a single vermilion (#E64E2A) accent, vendored Familjen Grotesk display + Arial body, a hairline modular grid with a 62/38 split hero (giant -0.06em headline + tall portrait photo over a full-bleed landscape band), a paused-on-hover keyword marquee, an indexed 2×2 spaces grid with nudging ↗ arrows, an underline-marked manifesto, a four-up stats band, three hairline membership plans, and an email-capture closer; IntersectionObserver reveal-ups, image hover scales, prefers-reduced-motion aware, fully offlineHTML, CSS, vanilla JS, Familjen Grotesk
aura-email-landingDark, cinematic landing page for "Aura", an AI-native email client, with fullscreen video, a shiny gradient headline, a macOS-style menu bar, and a liquid-glass inbox mockupReact, TypeScript, Vite, Tailwind CSS, Motion, Lucide, Supabase
auric-clinic-glow-h37"Auric" precision dermaceutical-clinic landing (Clinical Warmth aesthetic) — clay-terracotta on ivory-cream with Archivo, a floating pill nav, full-bleed glowing-skin hero with staggered word reveal, an overlapping three-column action grid, a clay marquee, signature-treatment cards, a count-up science split, a quiet testimonial, and a deep-clay CTA bandHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
auroracast-hls-landingModern landing page with a full-screen HLS video background, glassmorphic navigation header, and bottom-left hero contentReact, Vite, hls.js
azimuth-realty-engine-h36"High-Altitude Precision" real-estate marketing-engine landing for "Azimuth" — deep-navy mission-control palette with a single electric-cobalt accent, Bricolage Grotesque display + JetBrains Mono labels, split grayscale-to-color hero, floating pill navbar with hover mega-menu, bento ecosystem grid, horizontal-scroll property portfolio, cobalt method bento, and a scroll-triggered fanning stacked-card CTAHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
axion-studio-landingDesign agency landing page for Axion Studio with shader-based hero background and multi-section layoutReact, TypeScript, Vite, Tailwind CSS, shaders, Lucide
axis-quotient-h30"Quant Brutalist Editorial" landing page for fictional quant-strategy firm Axis Quotient — ink-on-ivory with electric cobalt, animated point-grid hero canvas, colossal QUOTIENT wordmark, ticker marquee, capabilities accordion, count-up metrics, and toggleable engagement pricingHTML, CSS, Vanilla JS, Canvas, SVG, vendored fonts
carbon-bloom-h95"Molten Paper" creative-agency landing for "Carbon Bloom" — bone-beige paper, pure ink-black, and a single molten-orange (#F43C00) accent, with vendored Space Grotesk display + Inter Tight body; a frosted pill navbar, a sticky-stacking two-panel hero (giant uppercase MARKET/SCALE headline + a layered hero image with a floating showreel card), giant 22s/34s infinite marquees, a two-tone philosophy statement, sticky-stacking dark service cards, a single-open FAQ accordion, an offset masonry work grid, hover-darkening article rows, and an orange footer block — paper-stacking beige/black/white sections with rounded top edges, directional IntersectionObserver reveals, prefers-reduced-motion aware, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
cerulean-precision-collective-h67"Clinical Serenity" precision-medicine landing for "Cerulean Collective" — cool medical-blue (#0F4490) + soft-teal (#4AA9C5) on near-white with vendored Instrument Sans + Inter Tight, an ellipse-clipped full-bleed hero with floating glass trust chips, a three-column methodology grid with slide-in columns and a rotated-plate portrait, a 12-col specialties bento with hover image-zoom, a float-looping metrics band, and a black-bordered marquee-headed "Request Invitation" intake form over animated pulsing grid lines; per-character heading reveals, IntersectionObserver scroll reveals, prefers-reduced-motion aware, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
cartwright-relocation-h47"Warm Artisan Logistics" white-glove relocation landing for "Cartwright & Co" — terracotta-on-cream editorial palette with a Fraunces italic serif accent, dual opposite-scrolling hero image tickers, a mega-menu glass navbar, partner marquee, soft service cards, a dark count-up stats band, a staggered three-step process timeline, an auto-cycling stacked testimonial deck, and a split contact panel with a working quote formHTML, CSS, Vanilla JS, IntersectionObserver, vendored fonts
citron-atlas-h79"Phosphor Olive" enterprise growth-advisory landing for "Meridian & Voss" — a near-black boardroom aesthetic lit by one pale citron-lime accent (#F3FFC9) on warm charcoal-olive, with a pill nav + mega-menu, a 700px photo hero over a seamless capability marquee, an infinite client-logo strip with edge fades, snap-scrolling industry + case-study sliders, a cross-fading services accordion, count-up statistics, and a staggered methodology stage with a decorative curve; IntersectionObserver scroll reveals, prefers-reduced-motion aware, vendored Inter + imagery, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, vendored fonts
claywell-solene-h5Warm-clay editorial landing page for "Solène", a terracotta-and-cream longevity & precision-movement clinic, with an asymmetric split hero, word-by-word heading reveals, zig-zag scroll sections, an infinite marquee, and a dark science bandHTML, CSS, JavaScript, Archivo
cobalt-repairworks-h78"Workbench Editorial" electronics-repair landing for "RepairWorks" — warm paper-cream canvas with one confident cobalt accent, tight Host Grotesk display + IBM Plex Mono labels, square-glyph logo marks, a left-aligned hero with a "what we fix" device-card grid, a hover-pausing brand marquee, a 2-up services grid with mono spec ticks and prices, a 3×2 benefits grid, a tinted identity split, a 4-up image/quote testimonial grid, a 2-up FAQ, and a panelled final CTA; IntersectionObserver staggered scroll reveals, scroll-aware header, prefers-reduced-motion aware, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
concrete-bazaar-h87"Brutalist Retail Editorial" e-commerce landing for "Concrete Bazaar", a D2C Indian fashion label — warm concrete-beige canvas, near-black ink and one loud vermilion-orange accent, vendored Poppins, a sticky blur nav with category dropdown/search/icon-badges, a two-column hero with a floating orange offer block, seamless category + stats marquees, an 8-card bestsellers grid with hover-zoom imagery and working add-to-cart (live cart badge), a dark bank/UPI/first-order offers band, a dot-textured orange festive campaign, a 4-up trust row, a live 6-digit pincode delivery checker, a WhatsApp support CTA + floating FAB, review cards, and a newsletter footer with payment pills; IntersectionObserver scroll reveals, slide-up mobile menu, prefers-reduced-motion aware, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, vendored fonts
crimson-cut-studio-h72"Warm-Paper Viral Studio" landing for "Crimson Cut", a short-form video-editing agency — warm off-white paper canvas, pine-ink panels and one loud crimson accent, a floating pill nav, a centered hero with an inline rotated editor-palette sticker, staggered grayscale-to-color 9:16 video cards, a 2×2 services grid with rotating decorative shape clusters, a dark bento stats band, two-up case studies, an exclusive FAQ accordion, three pricing tiers, a seamless CSS testimonial marquee, and a split final-CTA panel; IntersectionObserver scroll reveals, vendored Manrope + imagery, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, vendored fonts
design-rocket-emailEmail-style marketing landing page for a "Design Rocket Certificates" AI leadership courseReact, TypeScript, Vite, Tailwind CSS, Lucide
dhara-heritage-edit-h88"Soft Heritage Edit" modern-Indian fashion storefront for "Dhara" — a warm off-white canvas of soft dusty-pastel color blocks (dusty rose, bone cream, mauve) anchored by deep pine green and a single antique-gold accent, with a sticky blurred header, a color-block masonry hero pairing an auto-fading 3-image slideshow with a giant light-weight Manrope headline / philosophy CTA / impact-stat blocks, a 3-up category showcase, a client-rendered 8-product "Weekly Edit" grid with slide-up quick-add bars, a payments band, a large-radius "Dhara Circle" membership panel, a pine-green artisan spotlight with an overlapping quote card, value-prop blocks, and a four-column footer; IntersectionObserver scroll reveals, slide-in mobile menu, prefers-reduced-motion aware, vendored Manrope + imagery, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
dot-daily-calm-landing"Dot." calm-living landing page with a glassmorphic pill navbar, typing messages, and a Nokia-style accent fontReact 19, Vite, Tailwind CSS v4, Motion
ember-quietude-h26Warm paper-calm editorial landing page for focus-first productivity app "Lumo" (Ember Quietude aesthetic) — stone + single ember-orange accent, Instrument Serif display, floating pill nav with hover mega-menu, a fully hand-built HTML/CSS dashboard mockup (sidebar, dark focus timer, tasks, floating AI card), bento planning grid, organize cards, and a monthly/annual pricing toggleHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
evergreen-ledger-h94"Evergreen Ledger" forward-thinking venture-capital landing for "Meridian Grove" — deep pine/teal ink and a luminous citron-lime accent on warm bone paper, Inter display + Space Mono labels, a full-viewport hero over a darkened cityscape with overlapping white/black/lime stat cards, a sticky-stacking 01–03 capital-services deck, tilted "ethos" cards flanking a lifted center photo, a grayscale "why partner" image band, a strategic-intelligence article grid, and a pine final-CTA + newsletter footerHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
fernhollow-pet-wellness-h68"Forest Apothecary" pet-wellness landing for "Fernhollow" — bone-cream canvas, fern-green ink, and a warm clay accent with Fraunces display type; centered hero with an auto-scrolling photo marquee, count-up stat band, ken-burns showreel panel, split service cards, dark process ritual with grayscale-to-color photos, botanical product grid, single-open FAQ accordion, and an ink-green newsletter CTA with a success stateHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
forma-video-landingFull-screen video-background landing page with rounded card layout and contact formReact, TypeScript, Vite, Tailwind CSS, Lucide
freightleaf-clean-haul-h80"Clean Haul" sustainable-freight landing for "FreightLeaf" — warm paper-gray canvas with charcoal night-highway panels and an electric lime accent; floating pill nav, cinematic ken-burns hero with a floating dashed-divider stat card, staggered mission tiles, sector card grid, dark AI-tech section with count-up metrics, infinite testimonial marquee, and a full-bleed final CTAHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
graft-modular-h93"Matcha Industrial" landing for fictional off-site fabrication firm "Graft Modular" — paper-white Swiss-industrial canvas with sharp zero-radius corners, 1px slate hairlines, and a single matcha-latte green accent; Syne + Inter Tight, a ken-burns hero with a slide-up info card and clip-path highlighter headline plus a capability marquee, a 9-tile numbered sub-systems grid, alternating zig-zag spec rows on rotating backing blocks, a count-up stats band, an 01–04 process row with ghost numbers, and a matcha CTA with a working inquiry formHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
groundai-landingSingle-page landing for interior-design AI product "GroundAI" with a video hero, expanding glass nav pill, brand marquee, and three animated feature cards (style carousel, morphing chat, adaptable list)TanStack Start, React 19, TypeScript, Tailwind CSS v4, Framer Motion, Lucide
gridwright-h48"Gridwright" neo-structuralist coding-SaaS landing page on a ruled blueprint grid — paper canvas with diagonal hatch and full-height vertical column rules, structural green accent, Space Grotesk + Space Mono, hard offset shadows, a live-typing terminal hero, count-up stats, asymmetric feature/pricing grids, and a CSS envelope that opens to reveal a postcardHTML, CSS, vanilla JavaScript, IntersectionObserver, self-hosted fonts
gridframe-precision-h74"Precision Grid Studio" enterprise growth-systems landing for "Meridyne" — a Swiss engineering dossier on warm paper, deep forest-green + butter-cream accents, hairline-ruled cells with registration "plus" crosshair markers straddling every frame corner, Inter Tight throughout, a celled nav with flip-up hover links and a hover mega-menu, a cream testimonial-card hero with overlapping portraits, an infinite logo marquee, numbered strategy steps, a four-cell capabilities band, count-up impact stats, a single-open FAQ accordion, and a solid-green CTA panel; scroll reveals and fully offlineHTML, CSS, Vanilla JS, SVG, IntersectionObserver, self-hosted fonts
grove-kitchen-fresh-h70"Forest Deli" fresh dog-food D2C landing for "Grove Kitchen" — warm cream paper with forest-green + terracotta accents and a faint kraft-paper grain, Fraunces display serif (italic emphasis) over DM Sans, a crossfading scrim hero with a popup menu card, a dashed-badge trust strip, a six-recipe catalog with add-to-box buttons, a serif marquee ticker, a 2×2 why-fresh bento with a 200°F stat chip, numbered how-it-works steps, monogram testimonials, an accordion FAQ, and a bouncing "FRESH." footer canvas with an overlapping contact cardHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
halcyon-mesh-h56"Obsidian Control Plane" autonomous-ops SaaS landing for "Halcyon Mesh" — near-black engineering canvas under a persistent dashed grid, an aurora teal→violet hero glow, Space Grotesk + Inter + JetBrains Mono, a hand-built "Control Mesh" dashboard mockup (sidebar, live appending execution log, count-up metrics, audit list), hover mega-menu, text-roll buttons, edge-masked logo marquee, animated SVG node-graph feature card, numbered workflow, stats band, three-tier pricing, and a gridded aurora CTA; cursor-reactive glow, scroll reveals, fully offlineHTML, CSS, Vanilla JS, SVG, IntersectionObserver, self-hosted fonts
harbour-hearth-h64"Warm Sanctuary" compassionate senior-living landing page for fictional boutique care community "Harbour & Hearth" — sun-warmed oat-cream canvas with a single burnt-terracotta accent and cocoa-ink dark sections, Inter Tight, a floating glass pill navbar, a full-viewport scrim hero with a glass feature card, an overlapping about card with fanned polaroid thumbnails, alternating care/service rows, a count-up stats band, an infinite values marquee, a snap testimonial slider, a team grid, and a right-sliding mobile overlayHTML, CSS, vanilla JavaScript, IntersectionObserver, self-hosted fonts
hearthwell-homeware-h71"Marmalade Editorial" homeware essentials store landing for fictional D2C brand "Hearthwell" — warm grey paper canvas with a single saturated marmalade-orange accent, Fraunces display serif (italic emphasis) over Inter, a floating glass pill navbar, a centered hero with a 3-slide cross-fade image frame plus an overlaid "featured item" card and clickable slide dots, a pausable value-prop marquee, tall category cards with zoom-on-hover, an 8-item bestseller grid with badges, a 3-slide auto-rotating editorial split, a starred testimonial band, an ink newsletter card with inline validation + success state, and a multi-column footer; IntersectionObserver scroll reveals, reduced-motion aware, fully offlineHTML, CSS, vanilla JavaScript, IntersectionObserver, self-hosted fonts
helix-strata-h76"Deep-Teal Architectural" landing page for fictional business-infrastructure consultancy "Helix Strata" — nocturnal teal canvas alternating with bone-cream monograph sections, a single periwinkle-lavender accent, vendored Inter, a top-aligned hero with a rounded photo and two floating data widgets, a 4-up stat row, a hover-driven service switcher that cross-fades image + copy, a prev/next testimonial carousel, a 3-up insights grid, and a giant fade-in wordmark CTA; IntersectionObserver scroll reveals, fully offlineHTML, CSS, vanilla JavaScript, IntersectionObserver, self-hosted Inter
ink-vermilion-personal-brand-h23"Ink & Vermilion" editorial personal-brand landing page for fictional marketing consultant "Marlowe Vane" — warm paper canvas, single vermillion accent, Playfair italic emphasis with hand-drawn SVG scribbles/stars/arrows, a rotated red marquee strip, scroll-reveal sections, a dark gallery band, grayscale-to-color imagery, and fake-submit contact + newsletter formsHTML, CSS, vanilla JavaScript, IntersectionObserver, self-hosted fonts
kairos-academy-h0Warm editorial-ember landing page for "Kairos Academy", a competitive-exam coaching institute, with a split-tone hero, floating exam pill tags, count-up stats, program rows, subject cards, a four-phase method grid, auto-rotating testimonials, and an accordion FAQHTML, CSS, Vanilla JS
lantern-broth-midnight-ramen-h8Warm modular-bento landing page for a late-night Japanese ramen bar "Lantern Broth", with terracotta/mustard/teal tiles, Oswald + DM Sans, scroll-reveal animations, drifting steam, and a vanilla-JS testimonial carouselHTML, CSS, vanilla JavaScript
lantern-loft-tutoring-h1Warm "paper studio" home-tutoring landing page for Lantern & Loft with a Fraunces/Jakarta editorial hero, offset cards, marquee, animated stat counters, tilted cards, and stacked program rowsHTML, CSS, JavaScript
lumen-grove-h63"Verdant Apothecary" botanical-bathhouse & forest-spa landing page for "Lumen Grove" — warm bone canvas with deep pine ink and a single living-chartreuse accent, Fraunces serif + Inter, a rounded split hero card ("Steep. Soften. Return."), avatar social-proof, a seamless staggered photo marquee, an accordion-driven cross-fading rituals panel, a scrim testimonial, three-tier membership pricing, a forest newsletter panel, scroll-reveal, and a trailing chartreuse cursorHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
lumina-maternite-h2"Lumina Maternité" — a calm, editorial maternity & women's-health sanctuary landing page on a bone/moss/blush palette with Fraunces + Geist, drifting hero blobs, an auto-scrolling image marquee, sticky-stacking journey cards, an interactive packages selector, FAQ accordion, and a booking formHTML, CSS, vanilla JavaScript, IntersectionObserver, self-hosted fonts
lumen-launch-h44"Periwinkle Aurora" landing page for fictional AI product-launch SaaS "Lumen Launch" — lavender/periwinkle aurora-blur motif on crisp white with Outfit + DM Sans, a div-built browser/dashboard hero mockup, infinite logo & testimonial marquees, animated step illustrations, dark testimonial theatre, working monthly/yearly pricing toggle, and a FAQ accordionHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
lumen-vector-h92"Electric Brutalism" creative-agency landing for "Lumen Vector" — a midnight-indigo hero that explodes into candy-pastel panels, Anton poster type + Geist, floating glossy tag-pills with soft glows, a giant multi-color headline with a glass-ringed CTA, seamless logo marquee, six pastel service cards, a fan-out methodology card deck on scroll, scroll-linked testimonial parallax, two-tier pricing on a blue panel, and a FAQ accordionHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
mentality-landingMENTALITY landing page with video hero, glassmorphic navbar, and animated mobile drawerReact, TypeScript, Vite, Tailwind CSS, Motion
meridian-grid-systems-h81"Warm Brutalist Grid" intelligent-automation consultancy landing for "Meridian®" — paper-cream canvas organised by hairline rules and flat color blocks (electric green + cobalt blue + ink), Space Grotesk + Inter, a split photo/headline hero with a frosted live-status panel, a ghosted logo marquee, a hairline about grid, count-up stats, a springy staggered 01–04 process row with blend-tinted photos, a working monthly/annual pricing toggle, and a hard-shadow contact formHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
meridian-precision-clinic-h35"Architectural Clinical Editorial" landing page for bespoke precision-medicine clinic "Meridian" — meridian-navy and warm-bone with whisper-quiet brass, Fraunces serif display + Inter, split full-viewport hero with a sliding navy panel, infinite credential marquee, hairline-divided discipline grid that inverts on hover, numbered method, and an underline-only contact formHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
mindloop-mono-landingPure-black monochrome newsletter/content landing page for MindloopReact, TypeScript, Vite, Tailwind CSS, shadcn-style UI
monolith-grid-atelier-h59"Grid Monument" Swiss-modernist landing page for bespoke spatial-design studio "Monolith" — bone-white paper, near-black ink, warm sandstone accent, Space Grotesk + Playfair italic, a mix-blend-difference header, full-viewport grayscale hero ruled by a visible structural grid, modular ethos/stats grid with a rotating SVG seal, 3D flip-card portfolio, and floating-label contact formHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
neuralyn-dark-landingDark landing page for analytics-dashboard SaaS "Neuralyn" with Framer Motion and shadcn/ui componentsReact, TypeScript, Vite, Tailwind CSS, Framer Motion, shadcn/ui, Lucide
nhm-paleontology-landingPaleontology-themed museum landing page with Inter / JetBrains Mono typographyReact 19, Vite 6, Tailwind CSS v4, Motion, Lucide
noctis-aurum-h69"Obsidian & Champagne" fine-jewelry maison landing page (Noctis Aurum, est. 1989) — near-black obsidian and muted champagne gold over warm pearl, Cormorant Garamond serif display + Inter, a 50/50 hero with a slow cross-fade slideshow and floating glass "current focus" card, gold-ringed circular category medallions, an infinite serif marquee, a quick-add product grid, a dark Héritage feature, a men's strip, a bespoke-atelier split, and IntersectionObserver scroll revealsHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
obsidian-lacquer-h57"Obsidian Lacquer" cinematic automotive detailing-studio landing — pure-black canvas with a scalpel of vermilion red, Bricolage Grotesque display + Playfair italic accents + Inter Tight, a full-viewport ken-burns/pointer-parallax hero with stats strip, an asymmetric 12-col services grid, hover-reveal 01–03 process cards, testimonials, a snap-scroll before/after gallery with arrow nav, a monthly/yearly pricing toggle, and IntersectionObserver scroll revealsHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
obsidian-meridian-h85"Cinematic Brutalist Noir" monolithic luxury real-estate & architecture landing for "Obsidian Meridian" — a true-black canvas with one whisper of warm brass, condensed Oswald display, a per-letter wordmark reveal, a glass pill nav, an asymmetric manifesto, a full-bleed ken-burns cinematic hero, a vertically-staggered selected-works grid with brass-inverting year badges, a numbered Protocol band with an offset-framed portrait, a hairline stats strip that counts up on view, a minimal underline inquiry form, and IntersectionObserver scroll revealsHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
ochre-stone-studio-h11Warm editorial landing page for a bespoke interior-architecture studio, with a diagonal cutout hero, auto-rotating curation card, bento work grid, and scattered freefall process cardsHTML, CSS, JavaScript
orbital-frequency-summit-h22"Deep Signal" landing page for a fictional deep-space signals & aerospace-software summit "Orbital Frequency" — observatory-dark void with amber-gold/signal-green accents, Oswald condensed display type, canvas starfield, rotating orbital rings + radar-sweep hero, telemetry strip, mission timeline, floating-beacon pricing passes, and a scroll-tracking signal barHTML, CSS, Vanilla JS, Canvas, self-hosted fonts
orbis-nft-landingDark, space-themed NFT landing page "Orbis.nft" with CloudFront video backgrounds and liquid-glass UIReact, TypeScript, Vite, Tailwind CSS, Lucide
paper-circuit-agentic-saas-h16"Paper Circuit" — a bright, blueprint-precise light-mode SaaS landing for autonomous-outbound product "Drift": cool off-white dot-grid canvas, Bricolage Grotesque display + Inter Tight + JetBrains Mono, indigo/magenta color-as-wiring, an auto-looping hero icon belt, a floating product mockup (sidebar, metrics, interactive node canvas with animated dashed wires + live email-draft panel) that does mouse-driven 3D parallax, bento features (enrichment flow, hover bar chart, dark agent library, hover-revealed code terminal), portrait testimonial cards, an enterprise governance/YAML block, an indigo CTA strip with a live flipping counter, and a footer with a cursor-spotlight wordmark; all fonts and images vendored, fully offlineHTML, CSS, vanilla JS, SVG, Bricolage Grotesque, Inter Tight, JetBrains Mono
pelmatech-health-companionPixel-faithful "Pelmatech" health-companion landing with a full-bleed hero, a hover-driven team carousel, a custom-gridline benefits grid, uniform CSS-zoom responsive scaling, and blur-up / fade-up / clip-path animation primitivesReact, TanStack Start, TypeScript, Tailwind CSS v4, shadcn/ui, Motion, Lucide
prisma-landingCinematic landing page for the creative studio PRISMA with dark, moody, warm cream paletteReact, TypeScript, Vite, Tailwind CSS, Framer Motion
riso-rebel-fest-h20Floating-pill neo-brutalist landing page for fictional design conference "Riso Rebel Fest" — warm off-white canvas, oversized riso-color bento cards with animated motifs, chunky Shrikhand display serif, grayscale-to-color speaker grid, tiered tickets, and scroll-revealHTML, CSS, Vanilla JS, vendored fonts
saaj-heritage-bazaar-h90"Heritage Bazaar Editorial" D2C landing for the Indian solid-wood furniture house Saaj Heritage — a warm cream/paper canvas with a burnt-sienna terracotta accent, Inter Tight display + Playfair Display italic, an oversized "Heritage Living" hero with an angled clip-path image cutout and an auto-rotating floating product card, a 5-up category row, an 8-product bestseller grid with slide-up View Product bars and INR pricing, a values strip, testimonials, a stroke-to-fill numbered craft journey, a sienna consultation CTA with a validated callback form, scroll-reveal, header shrink, and a slide-in mobile menuHTML, CSS, Vanilla JS, IntersectionObserver, vendored fonts
sencha-atelier-h12Wabi-editorial landing page for "Sencha Atelier", a ceremonial-matcha tea house — oversized Fraunces serif hero on warm paper, flush rounded showcase cards, editorial menu rows, count-up stats ribbon with marquee, and an asymmetric galleryHTML, CSS, Vanilla JS, IntersectionObserver, Fraunces, Inter Tight
sentinel-meridian-h77"Cold War Dossier" sovereign-intelligence advisory landing for Sentinel Meridian — near-black ink with a steel-cyan accent and a single warning-amber signal color, a blueprint grid and grain overlay, a Forum serif display, a live classified dossier strip (ticking UTC clock + blinking LIVE dot), a Ken-Burns grayscale hero with mask-reveal headline and a scrolling mono intelligence-feed ticker, a numbered mandate column with a frosted pull-quote, hairline-split capability cards, a connected three-step method, count-up stats, and an encrypted final CTAHTML, CSS, Vanilla JS, IntersectionObserver, vendored fonts
slate-stone-architectural-h73"Gallery Minimalism" architectural real-estate advisory landing for Slate & Stone (principal Elias Morand) — warm linen paper, near-black ink panels, a single oxide-rust accent, condensed uppercase Familjen Grotesk display on Inter, an asymmetric 62.7/37.3 hairline-ruled grid reused across hero, principal bio, residences and a dark advisory panel, with a clip-reveal hero intro, count-up stats, IntersectionObserver scroll reveals, image hover-scales, a full-screen mobile menu, and a reduced-motion fallback; fonts and architectural photography vendored locally, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, Familjen Grotesk, Inter
slow-roast-atelier-h84"Quiet Pastel Block-Grid" artisan coffee roastery & micro-bakery landing for Slow Roast Atelier — a calm gallery-like editorial built entirely from edge-to-edge flat dusty-pastel panels (rose/cream/lilac) divided by paper gutters, oversized low-contrast Manrope display type on Inter Tight, one grounding deep-pine-green accent, an asymmetric 740/380/324 hero block-row with a desaturate→color café photo strip and a green "View Menu" CTA bar, a three-cell menu preview with hairline price rows, a philosophy split with a circular "Direct Trade" badge, a three-card locations row, and a "Stay Grounded" subscribe footer; IntersectionObserver scroll reveals, slide-in mobile menu, vendored fonts + imagery, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
snip-and-snout-grooming-h18"Brutalist Kennel Club" pet-grooming studio landing for Snip & Snout — warm neo-brutalism with thick ink outlines, hard offset shadows, Archivo black display type, a signature oversized rounded hero-photo corner, a fanned service-card deck, dual infinite testimonial rows, and brutal-press buttonsHTML, CSS, Vanilla JS, IntersectionObserver, vendored fonts
solace-wellness-grid-h13"Quiet luxury wellness" editorial landing page for the holistic studio Solace — an asymmetric bento color-block grid (oat/dusty-rose/lilac/sage panels) with oversized light Manrope display type, a desaturated→color image strip, looping keyword marquee, practices bento, sage stats band, guide portraits, and a reserve form; self-hosted fonts, scroll-reveal, slide-in mobile menuHTML, CSS, JavaScript, IntersectionObserver, self-hosted fonts
space-voyage-landingCinematic space-travel landing page with two video-backed full-height sections and liquid-glass UIReact via CDN, Tailwind CDN, Framer Motion, single-page HTML
spectral-orbit-novascale-h17"Spectral Orbit" near-black cosmic paid-ads growth agency (NovaScale) landing page built around slowly rotating chromatic conic-gradient nebula orbs blooming behind crisp content, a single electric coral-red (#ff4838) accent over a monochrome void, and Instrument Serif italic emphasis on Inter; sections cover a full-viewport orb hero, opposite-direction trust marquees, an infinite pause-on-hover testimonials carousel with metric footers, a glowing about panel, a services grid with corner orbs plus a coral TikTok feature card, an Other-Agencies-vs-NovaScale comparison with a counter-rotating warm orb, a 3-step process with hover-glow cards, a results stat panel with hover-lift tiles and a performance-guarantee callout, a single-open FAQ accordion, an orb final CTA, and a newsletter footer; IntersectionObserver fade-up reveals, animated hamburger mobile nav, and a prefers-reduced-motion fallback; fonts and inline-SVG avatars vendored locally, fully offlineHTML, CSS, vanilla JS, SVG, Inter, Instrument Serif
synergeus-landingPixel-faithful dark AI-fintech "Synergeus" landing with three scroll-revealed sections — an HLS video hero with a 3D-tilt story card, an analytics card with count-ups, and an AI-intelligence trio (NL queries, wipe-reveal chart, animated SVG node tree)React 18, Vite, TypeScript, Tailwind CSS, Framer Motion, hls.js, Lucide, React Router
terra-craft-editorial-h58"Quiet Craft Editorial" landing page for the artisan furniture house Terra Studio — a warm cream paper canvas with IBM Plex Serif display type, a two-column hero whose charcoal panel holds three overlapping mat-board image cards with mouse-parallax + hover-lift, an infinite materials marquee, a framed product collection grid, an atelier philosophy split, a count-up stats band, and a swap-to-success newsletter CTA; self-hosted fonts, scroll-reveal, mobile menuHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
terra-siena-atelier-h14"Terra Siena" handcrafted-ceramics atelier landing ("Sun-Fired Earth" aesthetic) on a terracotta/ochre/bone palette with Fraunces serif + Inter Tight, a marquee hero, a scroll-triggered fanned card deck that spreads into collections, 3D flip cards, a testimonial grid, an accordion FAQ, and a marquee footerHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
tide-table-h82"Tide to Table" coastal seafood & oyster bar landing page (Tide & Table) — a salt-washed cream canvas with deep-navy ink and a seafoam accent, Playfair Display serif + Inter Tight, five rhythmic multiply-blended hero image strips that rise on load, a slow Ken-Burns philosophy split, a dark "Seasonal Harvest" menu list with rotated image cards that pop and straighten on hover, an overlapping editorial atmosphere card, a glassy split reservation form with inline confirmation, a full-screen menu overlay, and a paper-grain overlayHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
usd-halo-landingPremium fintech-style landing page for the stablecoin product "Halo / USD Halo" with a custom logo mark and TT Norms Pro typeReact, TypeScript, Vite, Tailwind CSS, Lucide
valmax-photography-landingSingle-page dark recreation of the "Valmax" photography studio landing with an orchestrated intro sequence, a lime accent, oklch design tokens, and photo-driven sectionsTanStack Start, React 19, TypeScript, Tailwind CSS v4, shadcn/ui, Framer Motion, Lucide
vantix-precision-medicine-h34"Clinical Obsidian" precision-medicine institute landing page (Vantix) — deep obsidian-navy canvas with electric cyan-blue accents, Bricolage Grotesque display type and JetBrains Mono telemetry labels, an asymmetric split hero with count-up metrics, grayscale-to-color clinical photography, a pulsing rapid-response strip, capabilities/platform/specialists sections, and a consultation formHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
vellum-apothecary-archive-h32"Archival Apothecary" wellness-sanctuary landing page (Vellum & Verdigris) on a vintage sepia vellum/paper palette with Playfair Display + Instrument Serif + Courier Prime, a paper-grain overlay, a load-time cream curtain reveal over a sepia hero photo, scroll fade-rise reveals, hairline catalogue rules, a numbered philosophy grid, a coded rituals gallery, an ink "Memoirs" testimonials band, and a custom hollow-ring cursorHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
vellum-atelier-h33"Vellum" luxury hair atelier landing ("Sculptural Serif Atelier" aesthetic) on a warm paper/ink/gold palette with Unbounded + Figtree + Sacramento, a character-by-character animated hero wordmark, extreme top-rounded image panels, a dark service menu with cursor-tracked hover previews, an offset 3-up portfolio grid, and scroll-reveal motionHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
velvet-vellum-agency-h4"Velvet precision" marketing-agency landing page (Velvet Vellum) with an oxblood-maroon hero panel, giant Josefin Sans display type, a bento case-study grid, auto-rotating testimonials, and a faux-3D perspective floor-grid footerHTML, CSS, Vanilla JS, IntersectionObserver
verdant-atelier-h40"Forest & Gold" product-photography studio landing page (Verdant Atelier / Maya Kapoor) on deep forest-green with museum-gold + deep-orange accents, Playfair Display + Inter, signature arch-masked still-life imagery, a slow-spinning "View Projects" badge, a 12-column asymmetric editorial hero, dual infinite marquees, staggered work/services galleries, and a hamburger mobile overlayHTML, CSS, Vanilla JS, IntersectionObserver, SVG, self-hosted fonts
verdant-pledge-bento-h49"Soft Editorial Bento" conservation-collective landing page (Verdant Pledge) on a white canvas of 40px rounded bento cards with a single electric-lime accent and Inter Tight, featuring a 5/7 lime+photo hero with floating glass map markers, an editorial missions table with rotated hover previews, image problem cards, a dark impact band with count-up stats, and scroll-reveal motionHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
verdant-salon-h91"Heritage Verdant" elite social-strategy agency landing page (Verdant Salon) on a warm paper-beige canvas with midnight-green panels and cocoa-brown ink, Playfair Display + Inter Tight, a centered oversized serif hero with staggered portrait cards that reveal via tiled grid-demask animation, count-up impact stats, hairline service rows with floating rotated hover previews, an alternating heritage gallery, a green inquiry panel with a faked submit, and scroll-reveal motionHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
verdant-spine-clinic-h66"Clinical Calm" precision-chiropractic & movement-science clinic landing page (Verdant Spine) on a warm grey-green paper canvas with a single sage + deep-forest palette, Schibsted Grotesk + Inter, a split editorial hero with a frosted-glass appointment card floating over the clinic image, gradient stat cards, a deep-forest services panel with an infinite giant-type marquee and zoom-on-hover service cards, a sticky numbered "how it works" track, a glass-quote testimonial carousel, a 3-up journal grid, and scroll-reveal motionHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
verdigris-trail-h50"Architectural Trail" landing page for fictional architecture studio "Verdigris Archi." — fennel-pastel canvas with a single luminous mint accent, Playfair Display serif + Inter Tight, a fixed vertical hairline "trail" with a travelling mint comet, a circular Begin-Trail hero CTA, a pillar marquee, grayscale-to-color brutalist concrete photography, numbered principle columns, a staggered project gallery, an ink count-up stats band, and a pill CTAHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
vermillion-cram-h3Loud neo-brutalist board-prep academy landing page in vermillion orange + ink navy, with hard 2px borders, offset brutal shadows, a scrolling ticker, an overlapping dashboard stat panel, count-up stats, dual testimonial marquees, and a trial-booking formHTML, CSS, Vanilla JS
vermillion-table-h83"Culinary Architecture" premium food-delivery landing page (Vermillion Table) on a pale-vanilla canvas with a sinopia red-orange + Caribbean-teal duotone, vendored Questrial type, oversized ultra-tight display headlines, rounded modular "island" cards, a full-bleed gourmet hero with a frosted Dish-of-the-Week card, zoom-on-hover category cards with a teal→red-orange tint shift, a four-phase "Logistics of Luxury" process grid, a floating phone app-download split, and IntersectionObserver scroll-revealHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
viktor-oddy-landingSingle-page landing for creative design studio "Viktor Oddy" with custom PP Neue Montreal / PP Mondwest fonts and staggered animationsReact, TypeScript, Vite, Tailwind CSS, Lucide
voltaic-grid-advisory-h75"Putty & Voltage" strategic-advisory landing on a warm putty-grey canvas built from large rounded tiles, Host Grotesk + Inter, one electric-lime accent over soft pastel cards, a golden-hour photo hero with social-proof avatars, a 3-up stat grid, a sticky stacking services deck in lavender/yellow/pink/mint, a lavender testimonial panel, an expanding case-study list, an infinite masked insights ticker, a lime CTA, scroll-reveal motion and a mobile dropdown navHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
voltic-showroom-h89"Electric Stone" premium offline-electronics experience-center landing (Voltic) — a warm stone canvas with near-black ink and a single electric-lime accent, self-hosted Inter, a framed split hero with the stacked touch./feel./choose. headline and lime terminal dots, a floating pill nav, an infinite pausable demo-product marquee, a 4-up zoom-on-hover Curated Zones grid, an interactive accordion that cross-fades a paired image, an ink "Bestseller" pricing-deal trio, a lime WhatsApp/Call CTA band, an inertial lime cursor and a slide-in mobile menuHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
voltframe-dev-h29"Bracketed Voltage" developer-portfolio landing on a near-black stage with one electric-yellow accent, a hairline framed hero box with glowing corner nodes, hover-yellow title words, floating particles, pulsing orbs, scroll-revealed skills/work/testimonials, and a mobile slide-in menuHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
voltline-automation-h60"Bone & Volt" industrial AI-automation landing on a warm off-white canvas with graphite ink and a single electric-lime accent, Space Grotesk + JetBrains Mono, a pure-CSS orbiting 3D cube rig with a glowing lime core, a randomized pixel-fill nav button, starfield-reveal CTAs, a count-up stats strip, a 3-card solutions grid, and a dark starfield mission bandHTML, CSS, Vanilla JS, IntersectionObserver, CSS 3D transforms, self-hosted fonts
wayfare-expedition-journal-h86"Expedition Journal" boutique-travel landing page (Wayfare) — a warm aged-paper canvas with espresso ink and clay/moss/ochre field-notebook accents, Fraunces serif + Inter Tight, a dark photographic hero with parallax, a polaroid coordinate tag, a "Now Boarding" stamp and a floating trip-finder card, a partner marquee, a manifesto split with count-up stats, a chip-filterable expedition card grid, a numbered how-it-works, a horizontally-scrolling guides rail, a rotating dark testimonial, and a photo-backed final CTA with a ghosted wordmark footerHTML, CSS, Vanilla JS, IntersectionObserver, self-hosted fonts
ProjectDescriptionStack
apex-scroll-heroApple-product-page-style "Apex" hero whose 5-second F1 sunset film is scroll-scrubbed full-screen (scroll drives video.currentTime) with a synced speed/gear telemetry HUDNext.js 16, React 19, TypeScript, Tailwind CSS v4
bags-editorial-collageThree-section animated bags landing — a warm cream editorial sticker-collage hero, a scroll-driven unfolding-envelope collection stage, and an orbiting "perfect match" field, tied together by glowing serif accent wordsReact, TypeScript, Vite, Tailwind CSS, Framer Motion
bloom-nested-squaresThe shadcn "Bloom" NestedSquares component (25 violet-gradient squares scaling and rotating forever via Framer Motion) staged in a dark motion-specimen studio — a graticule plate, ambient glow, and a calibration rail of dials that retune the live component's ring count, period, stagger, growth, spin and cultureReact, TypeScript, Vite, Tailwind CSS, Framer Motion
container-scroll-animationIntegration of the Aceternity "Container Scroll Animation" into a shadcn-style codebase — the same useScroll/useTransform device card used as three stacked stages that tilt from 20° to flat and stand upright on scroll, with a live rotateX/scale telemetry HUDReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
dot-nokia-typing-heroSingle-screen "dot." calm-messaging hero with a full-bleed Nokia-phone background video, a live typing/deleting animation in a Nokia cellphone font overlaid on the phone screen, and a floating glass pill navbarReact 19, Vite, TypeScript, Tailwind CSS v4, Motion
linkflow-boomerang-heroLinkflow hero concept with boomerang-style visual direction and CSS-only animationsReact, TypeScript, Vite, Tailwind CSS, Lucide
mainframe-scrub-heroMainframe contact hero whose background film is scrubbed by cursor movement, with typewriter headline and multi-select service pillsReact, TypeScript, Vite, Tailwind CSS, Motion, Lucide
microvisuals-boomerang-heroFullscreen hero with GSAP boomerang-style animation and a custom display fontReact, TypeScript, Vite, Tailwind CSS, GSAP, Lucide
moneta-key-preloaderFull-viewport cinematic "Moneta Key" preloader — color-dodge glowing sphere, masked dashed orbit line, wave-cut logo, and a curved canvas-based 0–100 number arc that idles foreverReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Canvas 2D
pallet-ross-landingScroll-driven landing for fictional artist marketplace "Pallet Ross" where seven artwork cards perform a choreographed intro, then gather into a stack, descend, and fan into a diagonal cascade ladder locked across three full-height sectionsReact, TypeScript, Vite, Tailwind CSS v4, Framer Motion, Lucide
qclay-hexagon-loaderFull-screen recreation of the QClay loader — an animated honeycomb of real SVG hexagon tiles with a glowing blue active center, breathing rAF motion, crossfading icons, a shimmering label, and an organic looping progress barReact, TypeScript, Vite, SVG
scroll-expansion-heroIntegration of the ScrollExpandMedia hero into a shadcn-style codebase — a compact media card that hijacks the wheel/touch to unfurl into a full-bleed video or image as you scroll, with a splitting title, dissolving backdrop, and an editorial about-section that reveals on full expansionReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
ProjectDescriptionStack
lovable-webgl-hero1:1 recreation of the Lovable landing page — a full-viewport WebGL hero driven by the real CoreRenderer runtime, a glass navbar with full-width dropdowns, an animated typewriter prompt input, and a 3D trusted-by logo carouselTanStack Start, React 19, Tailwind CSS v4, Framer Motion, Lucide, WebGL
sidi-bou-said-3d-walkNavigable, fully procedural 3D walk through Sidi Bou Said, Tunisia in a single HTML fileThree.js, single-file HTML/JS
ProjectDescriptionStack
circuit-ledger-h15Dark "quiet circuitry" developer portfolio with a live circuit-board canvas, champagne accents, bento stack and typewriter terminalHTML, CSS, Vanilla JS, Canvas
cobalt-bento-folio-h43"Daylight Workbench" light-glass bento developer portfolio — cool pale-gray canvas with a colossal royal-cobalt PORTFOLIO hero tile, frosted-glass panels, pointer-parallax + specular hero, typewriter rotator, animated skill ring, count-up stats, and a validated contact formHTML, CSS, Vanilla JS, IntersectionObserver, Plus Jakarta Sans, JetBrains Mono
crimson-press-kit-h25Editorial spiral-bound magazine portfolio staged as a crimson brand press kit with print grain, collage cover, and scroll revealsHTML, CSS, Vanilla JS
electric-volt-folio-h45"Kinetic Brutalism" motion-designer portfolio — acid-green/hot-pink neo-brutalist poster grid, oversized Inter Black type, blocky shadows, marquee, scroll-in counters, and a full-screen overlay navHTML, CSS, Vanilla JS, Inter, Space Mono
inkpress-atelier-h46"Inkpress Atelier" risograph-print graphic-designer portfolio staged as a folded zine — cream paper frame, 4-color registration bar, Anton display type, diamond logo plate, services menu, colored works grid, and scroll revealsHTML, CSS, Vanilla JS, Anton, Roboto Condensed
jack-3d-portfolioDark-themed 3D creator portfolio landing page for Jack with gradient hero textReact, TypeScript, Vite, Tailwind CSS, Framer Motion
lumen-folio-h19Soft editorial-minimalism personal portfolio with floating glass nav, drag carousel, typewriter hero, and scroll revealsHTML, CSS, JavaScript
michael-smith-portfolioDark single-page creator portfolio with GSAP / Framer Motion animations and HLS videoReact, TypeScript, Vite, Tailwind CSS, GSAP, Framer Motion, hls.js, React Router
meridian-drafthouse-h54"Drafting-Table Brutalism" architect & spatial-designer portfolio — warm ecru paper, blueprint grid, hairline frames, highlighter-yellow accent, masked type-rise hero with an outlined italic word, sliding image reveals, count-up stats, and a numbered approach tableHTML, CSS, Vanilla JS, Instrument Serif, Space Grotesk
monogram-terminal-h42"Monochrome Terminal Editorial" developer portfolio — strict greyscale void, JetBrains Mono headlines, Merriweather italic accents, terminal-card hero, cross-fading featured slider, work timeline, and paginated articlesHTML, CSS, Vanilla JS, JetBrains Mono, Inter, Merriweather
nocturne-bento-h28"Midnight Atelier" dark designer portfolio — animated perspective-grid floor, acid-lime accent, Fraunces serif + Inter Tight, bento-grid glass hero, pointer parallax, scroll reveals, and a validated contact formHTML, CSS, vanilla JS, Fraunces, Inter Tight, JetBrains Mono
solstice-craft-studio-h41"Warm Editorial Craft" light-mode UX designer portfolio — paper canvas, tangerine accent, Space Grotesk + Caveat handwriting, floating design-tool micro-cards, 3D-perspective project ticker, animated process line, and a fullscreen menuHTML, CSS, Vanilla JS, Space Grotesk, Caveat
voltline-resume-h53"Voltline" neo-brutalist engineer résumé portfolio — warm cream paper with an orange dot-grid, dual-offset ink/orange borders, hard offset shadows, skewed experience & education bands, count-up hero stats, parallax wedge, and a printable PDF modeHTML, CSS, Vanilla JS, Bebas Neue, Space Grotesk, Inter
voltmark-engineer-terminal-h24Electric-yellow dark engineer portfolio with terminal typewriter, code-chip hero, marquee, and filterable project gridHTML, CSS, Vanilla JS
ProjectDescriptionStack
animated-dots-rainshadcn/ui integration of the verbatim AnimatedDots component — a raw-<canvas> dot rain where columns of dots fall and each dot bleeds a single R/G/B channel from black to full as it accelerates down, then recycles with a new colour and speed — dropped into @/components/ui and framed as a component lab: a full-bleed live hero (the verbatim demo) with a render-FPS/uptime telemetry strip, a control deck of faders wired to every real prop (dotsNum/dotRadius/dotSpacing/speedRange/opacity + blend-mode and background-colour controls) with named presets and a live-usage snippet, a shadcn-CLI integration story explaining the default paths and why /components/ui matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero runtime deps, zero component assets, fonts vendored locally, fully offlineReact, TypeScript, Vite, Tailwind CSS v4, Canvas, shadcn/ui, Lucide
animated-hud-targeting-uishadcn/ui integration of the verbatim TargetingUI + HudFrame primitives — an animated SVG targeting reticle inside a chamfered, notched clip-path frame — driven as a live avionics fire-control display: a SCANNING → ACQUIRING → TRACKING → LOCKED acquisition state machine re-tints and re-draws the reticle per phase over vendored recon stills, with a scrolling bearing tape, a pitch/roll horizon ladder, four bracketed corner readouts of easing tabular-num telemetry, a sensor sweep, and L-brackets that snap shut on lock with an amber flash; cold cyan/white instrument palette with one reserved amber lock accent, fonts + images vendored locally, fully offlineReact, TypeScript, Vite, Tailwind CSS v4, Framer Motion, next-themes, Lucide
aurora-sign-upTwo-column "Aurora" registration interface with a background-video hero, staggered Motion reveals, and a multi-step sign-up formReact, TypeScript, Vite, Tailwind CSS v4, Motion, Lucide
background-paths-heroIntegration of the "Background Paths" shadcn/ui hero — 72 flowing animated SVG paths behind a per-letter spring headline and a glassy CTA, wrapped in a dark/light theme toggle and a preset-headline switcherReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Framer Motion, Lucide
core-features-gradient-cardsStatic "Core Features" marketing section with three gradient feature cardsSingle-file HTML/CSS
crimson-mill-supply-card-h61"Millstone Craft" digital visiting card for a fictional heritage stone-mill flour/grain/spice supplier — a vertical, mobile-first tap-to-contact page stacking a marquee-ticker brand hero, a sage WhatsApp + terracotta Call contact grid, a four-up product showcase, a split flagship-store location card, and an hours/footer strip, each as a soft-shadowed cream card revealed on scroll; warm paper canvas, crimson + wheat-gold accents, condensed Oswald display over Inter Tight, real tel/wa.me/mailto/maps links, fonts and product imagery vendored locally, fully offlineHTML, CSS, Vanilla JS, IntersectionObserver
gradient-bars-backgroundshadcn/ui integration of the verbatim GradientBars component — an equalizer-shaped wall of pulsing vertical CSS linear-gradient bars (U-shaped height curve, staggered scaleY @keyframes) — dropped into @/components/ui and framed as a component lab: a full-bleed live hero with a render-FPS/bars/assets/uptime telemetry strip and stack ticker, a control deck of faders wired to the real props (numBars/animationDuration + gradientFrom colour picker with named presets + backgroundColor) with a live-usage snippet, a shadcn-CLI integration story explaining the default paths and why /components/ui matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero image assets (pure CSS keyframes), fonts vendored locally, fully offlineReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, Lucide
gradient-dots-backgroundshadcn/ui integration of the verbatim GradientDots component — a hue-cycling hexagonal CSS radial-gradient dot field looped with framer-motion — dropped into @/components/ui and framed as a component lab: a full-bleed live hero (the verbatim demo) with a render-FPS/uptime telemetry strip, a control deck of faders wired straight to the real props (dotSize/spacing/duration/colorCycleDuration + a background colour control) with named presets and a live-usage snippet, a four-step shadcn-CLI integration story explaining the default paths and why /components/ui matters, and a props API with the prompt's data/state/assets/responsive/placement Q&A; zero component assets (pure CSS), fonts vendored locally, fully offlineReact, TypeScript, Vite, Tailwind CSS v4, framer-motion, shadcn/ui, Lucide
interactive-3d-spline-sceneshadcn/ui integration of a Spline 3D scene — the exact SplineScene + Card + Spotlight demo, a graceful animated WebGL fallback for when the remote scene is unreachable, a live props playground, and an on-page guide to the shadcn structure, default paths and why components/ui mattersReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Spline, Framer Motion, Lucide, Canvas
lumen-aurora-vcard-h62"Lumen Aurora" personal digital visiting card for a fictional creative technologist — one frosted-glass card floating over a slow living aurora of drifting violet/teal/rose blobs with film-grain and vignette, stacking a meta bar with a live local clock, an avatar-ring hero with a pulsing emerald "available" status, a short first-person bio with mono tag chips, a three-up email/call/WhatsApp action grid, a five-up social row, and an amber "Save contact" button that generates a vCard 3.0 .vcf blob client-side plus a "Copy link" toast; cinematic near-black palette, Fraunces display serif over Geist + Geist Mono, pointer parallax with specular sheen, staggered reveal, real mailto/tel/wa.me links, all fonts and portrait vendored locally, fully offlineHTML, CSS, Vanilla JS, vCard, backdrop-filter
nexto-404-heroFull-viewport 404 "Page Not Found" hero for fictional brand "nexto." with a layered alien-spaceship background, floating gradient Material Symbols, a dashed-gradient navbar, and a morphing mobile menu overlayReact, Vite, Tailwind CSS, Material Symbols
scanner-card-streamDraggable Three.js card stream that decodes each photo into glitching, scrambling ASCII as it crosses a glowing violet scan line, with an ambient WebGL particle field and a 2D spark burst — packaged as a shadcn-style @/components/ui dropReact, TypeScript, Vite, Tailwind CSS v4, Three.js, Lucide
sixsense-reference-finderPixel-faithful "Sixsense" AI reference-finder page with canvas pixel-grid glass backgrounds, an organic cursor hover blob, a layered folder/lights stack, three floating reference cards, and a glass typewriter prompt box with a spinning gradient send buttonReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Framer Motion, Lucide, Canvas
spatial-product-showcaseshadcn/ui integration of the verbatim EarbudShowcase component — a spatial-audio "Sonar Spatial" product stage that mirrors its whole layout when you flip between the Left and Right earbud, with a per-side blue/emerald glow, a rotating dashed ring and floating product shot, animated feature meters, live connection/battery telemetry, and a Dynamic-Island-style segmented switcher; earbud PNGs vendored locally, fully offlineReact, TypeScript, Vite, Tailwind CSS v4, Motion, Lucide
terminal-cli-control-deck"ACME Control Deck" infrastructure panel built in a phosphor-green Terminal CLI design system — centralized tokens, composable windows/panes, ASCII art logo, typewriter headline, raw-data ASCII progress meters, a live syslog feed, an interactive zsh console, a box-less access form, and a subtle CRT scanline overlayReact, TypeScript, Vite, Tailwind CSS v4, Lucide
ProjectDescriptionStack
academia-classical-showcase"The Athenæum" Academia / Classical design-system showcase — a library-at-night members' society across ten Roman-numeral Volumes, with arch-topped sepia-to-colour engravings, a rotating brass sunburst hero, 40px corner flourishes, Cinzel drop caps, ornate glyph dividers, crimson wax-seal badges, engraved brass buttons, a manifesto Proclamation, certificate pricing tiers, an alternating timeline, an accordion FAQ, a validated enquiry form, and fixed paper-grain + vignette overlays; vendored fonts/illustrations, fully offlineHTML, CSS, vanilla JS
ai-budget-tracking-landing-page-velara-al"Velara AI" AI budget-tracking landing page — a dark, purple-accented (#A855F7) fintech site assembled from 10 numbered sections: a video-background hero with a glass dashboard mockup (animated wave chart, sidebar, asset list), a feature-grid "Why Choose Us", a 3-step "How It Works" with animated goal/insight mockups, a bento Features grid (stacked encryption cards, smart-alert feed, animated budget bars, sparkline mini-cards), a global-transfers map card with floating glass widgets, an infinite dual-column testimonials ticker, a security band + app-download banner with browser-chrome dashboard, a cosmic-horizon pricing trio with a "Popular" tier, an animated FAQ accordion, and an SVG globe-arc footer with cycling country badges and a glowing VELARAAI wordmarkReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
aperture-minimalist-darkFull "Minimalist Dark" design-system landing page for fictional dev tool "Aperture" — layered-slate palette with a warm amber accent, vendored Space Grotesk / Inter / JetBrains Mono, drifting ambient glow orbs + noise/grid ambience, a self-driving glass ⌘K command palette that types and streams a deploy log, glass-effect bento features, count-up stats, a numbered workflow + tinted config code panel, a glowing featured pricing tier, accent-line testimonials, an accessible max-height FAQ accordion, and an amber-ring email CTAReact, TypeScript, Vite, Tailwind CSS, Lucide
art-deco-gatsby-showcaseSelf-contained Art Deco ("Gatsby") design-system showcase — gold-on-obsidian, vendored Marcellus/Josefin Sans, a rotating sunburst hero, stepped-corner cards with rotated-diamond icons, a Roman-numeral timeline, pricing tiers, testimonials, an accordion FAQ, underlined-input enquiry form, and a 5-column footerHTML, CSS, vanilla JS
aurora-flow-landing"Tide" deep-work-ritual landing page on the exact prompt scaffold (Vite + React + TS, Tailwind + tailwind-merge + clsx, Framer Motion, Lucide, @/ alias, cn()) — a deep oceanic-twilight design whose signature is a full-width canvas "tide of light" (drifting, pointer-leaning sine bands, reduced-motion-safe), a hero that is a working focus session (breathing dial + live 50:00 countdown), a soundscape marquee, a 3-step Ritual timeline, a Soundscapes bento, count-up stats, scaled-tier pricing, an ARIA FAQ accordion, and a validating email CTA; vendored Fraunces/Inter/JetBrains Mono, fully offlineReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
bauhaus-form-follows-function"WERKBUND" Bauhaus design-system landing page — a constructivist poster brought to life with three primary colours, thick black borders, hard offset shadows, binary radii, geometric circle/square/triangle primitives, color-blocked sections, a stats band, feature grid, pricing tiers, testimonials, journal, and a red/cream FAQ accordionReact, TypeScript, Vite, Tailwind CSS v4, Lucide
bitcoin-defi-aurum"AURUM" Bitcoin DeFi design-system landing — a True-Void/Bitcoin-Fire aesthetic with a spinning orbital orb hero ringed by floating glass stat cards, a seamless stats ticker, count-up metrics, a feature grid with hover-reveal icon watermarks, a "How It Works" blockchain timeline (gradient ledger line, pinging nodes, corner-accent cards), asymmetric scaled pricing, glass testimonials, and colored (never black) glows; centralized cva tokens, self-hosted Space Grotesk/Inter/JetBrains Mono, fully offlineReact, TypeScript, Vite, Tailwind CSS, CVA, tailwind-merge, Lucide
bold-typography-design-system"OBELISK" Bold Typography design-system showcase — poster design translated to web with near-black/vermillion tokens, a 13-step type ramp, vendored Inter Tight/Playfair Display/JetBrains Mono, a parallax decorative-numeral hero, an adjective marquee, three button variants (underline/inversion/ghost), layered-text depth, zero radius, a token-flip inverted CTA, and a 200ms ARIA FAQ accordionReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
botanical-organic-serif"Verdant" Botanical / Organic Serif design-system showcase — a slow-living wellness landing on centralized tokens, with hand-built fully-offline botanical SVG art masked into Roman arches, the mandatory paper-grain overlay, Playfair Display headlines using italic emphasis words, a sage/clay/terracotta palette, staggered feature & collection grids, count-up stats, soft-shadow pill buttons, a vine-growing divider, an ARIA FAQ accordion, an underlined newsletter input, and a full-screen mobile menuReact, TypeScript, Vite, Tailwind CSS v4, Lucide
clay-design-system"Claymakers" High-Fidelity Claymorphism design-system showcase — premium digital clay with reusable 4-layer shadow stacks (deep/card/button/pressed), a candy-shop palette and vendored Nunito/DM Sans, super-rounded radii, gradient hero text, an abstract nested-clay hero, breathing count-up stat orbs, a bento feature grid with a peeking panel, a live squish/recessed-input playground, a fanned-tablet split, pricing with a scaled "popular" tier, testimonials, a recess-on-open FAQ, a working CTA, and a reduced-motion-safe blob worldReact, TypeScript, Vite, Tailwind CSS v4, Lucide
copy-machine-pixel-perfect"Foundry" browser-native PCB board-studio landing built on the exact "copy machine" prompt scaffold (Vite + React + TS, Tailwind + tailwind-merge + clsx, Framer Motion, Lucide, @/ alias, cn()) — a dark copper-on-substrate design whose signature is a live-autorouter TraceField behind the hero (45°-constrained copper traces growing to pads and pulsing vias, pointer-leaning, reduced-motion-safe) and a layer-toggle BoardCanvas that composites Gerber-style solder-mask/copper/silkscreen films; plus a sticky nav, a continuous-DRC bento feature grid, count-up fab stats, a 4-step schematic→route→verify→ship workflow, quote testimonials, scaled-tier pricing, and a validating email CTA; vendored Space Grotesk/Inter/JetBrains Mono, fully offlineReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
copy-machine-setup"Copy Machine" landing-page scaffold built byte-for-byte to a fixed setup spec (Vite + React, TypeScript, Tailwind + tailwind-merge + clsx, Framer Motion, Lucide, @//src/ alias) with the spec-pinned files reproduced character-for-character and an empty App.tsx awaiting the first component; ships a self-contained dark blueprint/IDE "PROJECT SETUP COMPLETE" status screen (radial-masked grid, drifting glow orbs, scanline, count-up readout, created-file tree, verbatim App.tsx code panel, tech-stack chips, copy-machine rules) rendered as a sibling of #root, with vendored Inter/JetBrains Mono, fully offlineReact, TypeScript, Vite, Tailwind CSS, tailwind-merge, clsx, Framer Motion, Lucide
corporate-trust-design-system"Northwind" Corporate Trust design-system showcase — a modern enterprise-SaaS landing fully expressing the style: indigo→violet gradients, colored (blue/violet-tinted) shadows, an isometric 3D hero dashboard, soft blurred blobs, a split gradient headline, zig-zag deep-dives on tilted gradient slabs, a count-up stats band, glowing numbered steps, a scaled "popular" pricing tier, a details/summary FAQ, and a dramatic dark final CTA — all on centralized tokensReact, TypeScript, Vite, Tailwind CSS v4, Motion, Lucide
cyberpunk-glitch-design-system"NEUROCITRINE // Netrunner OS" — a self-contained Cyberpunk / Glitch design-system showcase that renders like a malfunctioning CRT: chromatic-aberration glitch headline, full-page scanline + signal-noise + sweeping-beam overlays, clip-path chamfered HUD panels, real stacked-box-shadow neon glow, circuit/PCB + grid backgrounds, a live self-typing breach terminal, holographic telemetry cards, all five button variants, count-up stats, an accordion FAQ, and a prefers-reduced-motion static fallback; vendored Orbitron/JetBrains Mono/Share Tech Mono, fully offlineHTML, CSS, vanilla JS
flatline-design-systemComplete flat-design-system showcase landing page — centralized tokens, sharp full-section color blocks (Blue/Emerald/Amber/dark), tinted color-block cards, thick outline buttons, a scaled "popular" pricing tier, multi-color stat count-ups, and high-contrast solid focus rings with zero box-shadows anywhereReact, TypeScript, Vite, Tailwind CSS v4, Motion, Lucide
finsyc-finance-landing"Finsyc" AI finance-management landing page applied verbatim from a 10-component template — an animated soft-gradient video hero with an expanding "Get Started" pill and brand logo marquee, color-blocked metric cards with count-ups, four product-UI feature cards (donut spend chart, balance-forecast graph, security shield, instant-transfer), a tabbed 4-step "How it works", a scroll-pinned benefits list with a progress rail, a count-up metrics band plus a center-snapping testimonial carousel, hover-activated pricing tiers with a monthly/yearly toggle, an animated integrations seal wired to 8 vendored brand icons, a blog grid, and a CTA footer with a giant rising "Finsyc" wordmark; all fonts/logos/UI art/avatars and the background video vendored locally, fully offlineReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
handcraft-paper-ui"Scribbly" Hand-Drawn design-system landing page — a messy-on-purpose whiteboard product rendered entirely in wobbly irregular border-radii (never rounded-*), hard zero-blur offset shadows, warm paper-grain dot texture, and self-hosted Kalam / Patrick Hand type; centralized tokens drive composable taped/tacked/post-it cards, a hand-drawn SVG hero whiteboard, squiggly step connectors, a dashed-circled scaled pricing tier, speech-bubble testimonials, and a press-flat button systemReact, TypeScript, Vite, Tailwind CSS v4, Lucide
industrial-skeuomorphism"SCHEMATIC" Industrial Skeuomorphism design-system showcase — a tactile hardware-control landing built on centralized neumorphic tokens, with an all-CSS hero device mockup (scanline screen + live dashboard), glowing LED status indicators, corner screws & vent slots on every panel, a cylindrical How-It-Works pipe connector, push-pinned testimonials with masking tape, punched-hole pricing tags, a conic-gradient radar sweep, recessed "data slot" inputs, and a matte-plastic noise overlay; vendored Inter/JetBrains Mono and all assets, fully offline & responsiveReact, TypeScript, Vite, Tailwind CSS v4, Motion, Lucide
kinetic-typography-posterKinetic Typography design-system showcase — a festival poster page with viewport-width clamp() headlines, two infinite marquees, towering background numbers, hard acid-yellow color-inversion hover states, sticky-stacking cards, scroll-driven hero zoom, and a prefers-reduced-motion static fallbackReact, TypeScript, Vite, Tailwind CSS v4, Framer Motion, react-fast-marquee, Space Grotesk
lumen-design-systemShowcase landing page that fully expresses the Linear/Modern design language — four-layer ambient background with floating gradient blobs, mouse-tracking spotlight cards, gradient typography, scroll-linked hero parallax, multi-layer shadows, an asymmetric bento grid, a live token gallery and component playground, and a responsive hamburger menu, all on centralized design tokensReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
lumina-minimalist-modernFull "Minimalist Modern" design-system landing page for analytics platform Lumina — Electric Blue signature gradient, inverted slate sections, Calistoga/Inter dual-font type, an animated abstract hero graphic, and centralized design tokensReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
luxury-editorial-design-system"MAISON" Luxury / Editorial design-system showcase — a full editorial landing (hero, drop-cap features, dark stats, multi-layer testimonials, ARIA FAQ accordion, blog grid, footer CTA) with vendored Playfair/Inter fonts, vertical writing-mode labels, fixed gridlines, a gold-sliding button, and a paper-grain noise overlayReact, TypeScript, Vite, Tailwind CSS, Lucide
material-you-showcase"Lumi" Material You (Material Design 3) design-system showcase — a full landing page on centralized MD3 tonal tokens (purple seed #6750A4): a 48px-radius hero, layered organic blur shapes, pill buttons with state layers, glass-morphism benefits on a primary block, glow-on-hover How-It-Works badges, a recessed tonal-ramp visualizer, a lifted featured pricing tier, image-zoom blog cards, an accordion FAQ, a filled-text-field CTA, and a tertiary FAB — all on the cubic-bezier(0.2,0,0,1) easing, with vendored Roboto and fully local SVG artReact, TypeScript, Vite, Tailwind CSS v4
maximalism-dopamine-system"DOPAMINE" Maximalism / Dopamine design-system showcase — a deliberately overwhelming nine-section page on five clashing accents (rotated by index % 5) with layered dot/stripe/checker/mesh patterns, multi-layer glow+hard shadows, stacked text-shadows, 21 floating shapes, bleeding background words, animated gradient text, broken offset grids, two rotated marquees, a live token gallery, scaled-tier pricing, a 4-variant component playground, ARIA FAQ, and a full reduced-motion fallback; vendored Outfit/Unbounded/DM Sans/Bangers/Bungee, fully offlineHTML, CSS, vanilla JS
neo-brutalism-loud-system"LOUDHOUSE" Neo-brutalism design-system showcase — centralized @theme tokens (cream/black + red/yellow/violet highlighters), hard offset shadows (zero blur) as shadow-neo* utilities, hollow text-stroke display type, sticker rotations, a chaos-zone hero, live token gallery, count-up stats, an interactive component playground, scaled pricing, two marquees, a keyboard FAQ, mechanical click-down buttons / lift cards / yellow-flood inputs, and a full prefers-reduced-motion fallbackReact, TypeScript, Vite, Tailwind CSS v4, react-fast-marquee, Lucide, Space Grotesk
neumorphism-soft-ui"SOFTFORM" Neumorphism (Soft UI) design-system showcase — one cool-grey surface (#E0E5EC) where dual opposing RGBA shadows carve every edge: extruded / inset / inset-deep / nested depth states, hyper-rounded 32px corners, floating concentric-circle hero art, a working component playground (buttons in all states, inset inputs with accent focus rings, a switch, segmented control, draggable+keyboard slider), an inset token gallery, a soft-dark theme toggle, and zero borders anywhere; fully offlineHTML, CSS, vanilla JS
newsprint-editorial-pressFull editorial landing page expressing the "Newsprint" design system — massive Playfair headlines, zero radius, collapsed grid borders, drop caps, a breaking-news ticker, an inverted black "How It's Filed" section, grayscale halftone engravings, hard offset hover shadows, and sparing editorial redReact, TypeScript, Vite, Tailwind CSS, CVA, tailwind-merge, Lucide
playful-geometric-design-system"Blobby" Playful Geometric design-system showcase — a Memphis-inspired "stable grid, wild decoration" landing with centralized tokens (warm paper + slate + four rotational pop colors), chunky 2px borders, hard no-blur "pop" shadows, varied/blob radii, a blob-masked geometric mascot illustration, confetti shapes, keyword + logo marquees, a dashed-line feature grid, a star-badged scaled pricing tier, a live token gallery, an ARIA FAQ, and a focus-shadowed CTA form — all honoring prefers-reduced-motionReact, TypeScript, Vite, Tailwind CSS v4, Lucide
retro-90s-nostalgia-design-system"WEBMASTER 95" Retro / 90s Nostalgia design-system showcase — a faux Windows 95 desktop that documents its own DNA with centralized bevel tokens, a scrolling marquee, animated rainbow text, title-bar windowed cards, a tiled crosshatch background, blue/underlined hyperlinks, alternating rows, groove HR dividers, a glowing green hit counter, pulsing NEW!/HOT! badges, a construction-stripe CTA, dotted focus rings, and zero border-radius; fully offlineHTML, CSS, vanilla JS
scaffold-ready-splashExact-spec single-page landing scaffold (Vite + React + TypeScript + Tailwind v3, @/ alias, cn() helper, Framer Motion + Lucide) whose App shell — instead of an empty page — renders a polished, self-contained "Scaffold ready" splash: ambient drifting orbs + a panning technical grid, a gradient headline, a self-typing macOS terminal, stack chips, a scroll-sequenced setup checklist, a src/ file tree, and a dashed "drop your first component" target; fully offline (system fonts) and prefers-reduced-motion–awareReact, TypeScript, Vite, Tailwind CSS, Framer Motion, clsx, tailwind-merge, Lucide
serif-editorial-design-system"Roman & Quill" Serif design-system showcase — a private-publishing-house editorial landing (hero, stats, drop-cap features, asymmetric 1.3fr/0.7fr benefits, decorative-quote testimonials, gold-tinted featured pricing, journal grid, ARIA FAQ, inverted correspond form, footer) with vendored Playfair/Source Sans 3/IBM Plex Mono, a rule-line + small-caps label system, bespoke SVG engraving plates, burnished-gold accent, paper-grain overlay, and ambient glow — all on channel-format design tokens, fully offlineReact, TypeScript, Vite, Tailwind CSS, Lucide
swiss-design-systemSelf-contained Swiss International (International Typographic Style) design-system showcase — strict B/W/Swiss-Red tokens, four CSS texture patterns (grid, dots, diagonal, noise), a Bauhaus hero composition, a mathematical type specimen, a 2×2 component gallery, and bold mechanical interactions (color inversions, rotating plus icons, count-up); fully offlineHTML, CSS, vanilla JS, Inter
vaporwave-outrun-design-system"NEONWAVE OS" Vaporwave / Outrun design-system showcase — centralized neon tokens (magenta/cyan/sunset) and skew/glow/window component classes, a fixed receding perspective grid floor, a 600px blurred sun, and a global CRT scanline + RGB chromatic-aberration overlay, with a typing-terminal hero, gradient-clipped headlines, skewed un-skewing buttons, rotating diamond icons, an interactive file-explorer, IRC <username> testimonials, a scaled pricing tier, and an accordion FAQ; vendored Orbitron / Share Tech MonoReact, TypeScript, Vite, Tailwind CSS v4, Motion, Lucide
verdant-organic-design-systemFull "Organic / Natural" design-system landing for botanical apothecary "Verdant" — earth-drawn palette, Fraunces + Nunito, a global paper-grain overlay, drifting+morphing blob backgrounds, bespoke palette-drawn botanical SVG illustrations, asymmetric feature-card radii, a hand-drawn curved-dashed ritual connector, a rotated-tin product spotlight, an organic image mask, hover-tilt testimonials, and varied moss/terracotta sections; fonts + noise vendored, fully offlineReact, TypeScript, Vite, Tailwind CSS, Framer Motion, Lucide
ProjectDescriptionStack
abstract-glassy-shaderGLASSWORKS — a drop-in WebGL2 metaball field (two SDF circles fused with a smooth union, an exponential glow and a cosine spectrum) integrated into shadcn components/ui and framed as a glass component lab: a live telemetry HUD reading the shader's own blob centres/FPS/clock, a control deck of faders that promote the baked-in constants to live uniforms, copyable source tabs, and a props/uniforms API; fully procedural with a CSS metaball fallbackReact, TypeScript, Vite, Tailwind CSS v4, WebGL2, shadcn/ui, Lucide
aether-flow-shaderFaithful shadcn integration of the Aether Flow component — a procedural fractal-noise (fBm) gas rendered on a single full-screen Three.js quad — framed as an atmosphere synthesizer console: a left instrument rail of five faders (Hue/Speed/Intensity/Complexity/Warp) wired straight to the shader's u_* uniforms, a named patch bank (Nebula/Ember/Abyss/Drift/Solar/Bloom), pointer-driven warp, and a live telemetry strip reading the field's per-frame state back out; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
ai-input-wave-hero"Wavelength" integration of the prompt's HeroWave AI-input hero (a Three.js + GSAP wavefield of up to 256 instanced, 23.4°-skewed bars driven by two keyframed sine waves, lit with an UnrealBloom pass and a custom film-grain ShaderPass, glowing under the cursor) dropped into @/components/ui with its mini-navbar dependency — the verbatim component's self-typing "Make me a…" prompt box sits over the canvas, framed by a live FPS/uptime HUD, an onPromptSubmit toast, and a shadcn/Tailwind/TypeScript install + props story; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, GSAP, Lucide
animated-shader-background"AnoAI" product hero set over a full-viewport three.js aurora fragment shader, integrated as a shadcn components/ui piece, with a graceful CSS-aurora fallback when WebGL is unavailable, vendored Geist font + generated avatar art, and a headless screenshot-based shader verificationReact, TypeScript, Vite, Tailwind CSS v4, three.js, shadcn/ui, Lucide
animated-shader-hero"Emberfield" showcase for a reusable WebGL2 animated shader hero (drifting fractal ember field by @atzedent) — a single drop-in @/components/ui component with a live uniforms HUD, pointer-reactive canvas, and a shadcn/Tailwind/TypeScript integration story; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, WebGL2, Lucide
anomalous-matter-heroshadcn/Tailwind/TypeScript integration of the AnomalousMatterHero — a simplex-noise-displaced Three.js icosahedron wireframe with a fresnel rim glow and a cursor-tracked point light, framed as a "containment lab" specimen: faders wired straight into the displacement/glow/speed uniforms, a live "anomaly energy" telemetry panel that reads center-pixel luminance off the GPU, plus a reticle scope and corner brackets; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
atc-tunnel-shadershadcn-style integration of the prompt's ShaderDemo_ATC "ATC one-liner" — a single WebGL2 fullscreen fragment shader ray-marching a cosine-folded chromatic warp tunnel — dropped into @/components/ui and framed as an "Aperture Transit Corridor" instrument: a vertical depth gauge whose reticle rides the shader's own marching clock, a chromatic-split wordmark, a hold/resume control wired to the shader's paused prop, and a telemetry rail reading real per-frame depth + FPS off the GPU loop; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, WebGL2, shadcn/ui, Lucide
aura-core-shadershadcn-style integration of the brief's verbatim AuraCore WebGL2 energy-core shader (inlined-OGL renderer, HSV core with ten rotating rays, fbm-distorted surface, cursor-reactive particle field) dropped into @/components/ui, framed as a plasma-containment console — the component's four sliders become reactor field controls, four named profiles snap the shader to regimes, and a telemetry deck reads containment integrity / excitation straight off the GPU clock with a freeze control; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, WebGL2, Lucide
aurora-borealis-shader"Aurora Watch" field-station console wrapping the brief's verbatim Three.js aurora-borealis shader (an FBM-noise green→violet curtain with a cursor-tracking flare) as a shadcn @/components/ui drop-in — a probe reticle tracks the flare as geomagnetic lat/long, and the signature Kp-index gauge (0–9) is driven by the aurora's brightness sampled straight off the GPU, with a CSS-aurora WebGL fallback and fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, Three.js, Lucide
blue-meshy-shader-labFaithful shadcn integration of the verbatim WebGL2 "blue meshy" background — a procedural domain-warped fractal-noise (fBm) sea on a single full-screen quad, transparent-compositing through a 20-step blue palette — dropped into @/components/ui and framed as a component lab: the live shader as a full-bleed min-h-screen hero carrying the shipped "Turning Ideas Into Impact" lockup, then a setup guide, anatomy, a props + shader-constant reference, and a usage gallery; the only deltas to the verbatim file are a valid join(", ") and a cancelAnimationFrame cleanup for StrictMode safety, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
blueprint-ascii-grid-shader"GRIDLINE" shadcn-style integration of the brief's verbatim WebGL2 asd.tsx — a deep-navy four-point mesh-gradient blueprint grid with ASCII glyphs stamped on the major intersections, drift, vignette, value-noise grain and Bayer dithering — dropped into @/components/ui and framed as a live instrument: a telemetry HUD (iTime/FPS/iResolution/iMouse), a control deck promoting the shader's baked constants to live uniforms, a per-pixel anatomy walkthrough, and a full shadcn/Tailwind/TS integration story; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
cathedral-raymarch-shader"VAULTWORK · Cathedral of Light" — the prompt's verbatim WebGL2 volumetric ray-march (a 50-step fragment shader that folds a vaulted nave of leaded, sine-rainbow light) dropped unchanged into shadcn @/components/ui and framed by a thin CathedralStage wrapper that keeps the exact mainImage body while promoting its hidden knobs (pixelRatio / timeScale / paused / exposure) to props and reading center-pixel luminance off the GPU; the chrome is a cathedral-light analysis bench with gothic tracery, named light regimes, a brass control deck, a pointer-tracking rose-window reticle, and a GPU-sampled telemetry strip (nave clock, FPS, dominant stained-glass channel); fonts vendored locally, zero image assetsReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
celestial-bloom-shaderProcedural GLSL "Celestial Bloom" fragment shader — a five-petalled nebula with a glowing star core and twinkling field, rendered full-viewport with Three.js and framed as an observatory specimen plate with reticle corners, a Fraunces hero lockup, and a live telemetry HUD (mission clock, render FPS, petals) driven by the shader's own per-frame state; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, Three.js, Lucide
celestial-ink-shaderVerbatim Three.js "Celestial Ink" fragment shader (a rotating six-octave fBm ink field, plum→magenta→gold, that ripples around the cursor) dropped into shadcn @/components/ui and framed as an inkstone scrying instrument — a cursor-following astrolabe reticle sights the ripple, a telemetry column reads the shader's own per-frame state (ink time, rotation, ripple coords, fps), and freeze / drift / ripple controls drive the pass; Cormorant Garamond / Inter / JetBrains Mono vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, Three.js, Lucide
celestial-matrix-shadershadcn-style integration of the verbatim Three.js "Celestial Matrix" shader (blue-to-green digital rain bent around a cursor-driven gravitational warp) dropped into @/components/ui, framed as a deep-space signal console — a cursor reticle tracks the warp center while live readouts report render rate, feed time, and warp coordinates; freeze/recalibrate controls drive the shader clock, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, Three.js, Lucide
celestial-matrix-terminalshadcn-style integration of the verbatim Three.js "Celestial Matrix" shader (blue-to-green digital rain bent around a cursor-driven gravitational warp) dropped into @/components/ui, reframed as "Meridian Station · Orbital Relay 9" — a retro-CRT relay terminal that types a boot/login handshake over the live feed and lands on ACCESS GRANTED; a cursor reticle marks the warp lock and a bottom telemetry strip (feed clock, warp x·y, render rate, carrier state) is sampled straight off the GPU loop; freeze/recalibrate controls drive the shader clock, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, Three.js, Lucide
celestial-sphere-shadershadcn-style integration of the verbatim Three.js "Celestial Sphere" shader (a cursor-warped fractal-noise nebula over a twinkling star field on one full-screen quad) dropped into @/components/ui, framed as the VANTA-IX deep-field navigation console — a cursor-tracking gimbal reticle and a warp vector visualise the exact u_mouse shift the shader applies, live telemetry reads feed time / FPS / warp x·y / hue, and four faders promote the brief's props (hue, speed, zoom, particleSize) to live GPU uniforms; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, shadcn structure, Three.js, Lucide
cosmic-plasma-webshadcn integration of the brief's verbatim OGL PlasmaWeb shader (a layered plasma lattice of pulsing nodes, curl-flowed connective streams and excited particles that bends toward the cursor) dropped into @/components/ui and framed as a cursor-driven "field resonance console" — a 60fps cursor-tracking reticle stands in for the pointer (so the interaction reads in the silent recording), faders re-drive the shader's hue/density/glow/attraction/energy props live, named presets snap the lattice between regimes, and a telemetry panel reads render FPS / cursor x·y / an engagement signal off the loop; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, OGL, Lucide
crystal-voronoi-shadershadcn-style integration of the prompt's crystal-shader (InteractiveShader) — a raw-WebGL two-pass warped Voronoi lattice with a cursor repel field, ported to TypeScript and framed as the "Cryolite Lab" crystallography specimen station: a caliper-framed full-viewport shader with a counter-rotating goniometer reticle, live GPU telemetry (FPS, centre-pixel luminance + spectral cast read via gl.readPixels), and four calibration faders wiring the brief's cellDensity/animationSpeed/warpFactor/mouseInfluence props to live uniforms; zero runtime libs (raw WebGL, no three.js), fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, WebGL, Lucide
crystalline-cube-shadershadcn-style integration of the verbatim WebGL "Crystalline Cube" component — a sine-carved, ray-marched SDF box lit by a mouse-driven key light and an Inigo-Quilez palette — framed as a lapidary analysis bench: a reticle-bracketed specimen window, a facet console of four faders that promote the component's props (complexity, dispersion, loupe gain, light parallax) to live uniforms, a four-specimen preset catalog, and a telemetry strip reading FPS, derived facet count, refractive index and carat; fonts vendored locally, with a graceful WebGL-offline fallbackReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL, Lucide
cybernetic-grid-shadershadcn-style integration of the verbatim Three.js "Cybernetic Grid" shader (a pulsing cobalt lattice with magenta energy crawling the intersections and a white glow that warps the grid around the cursor) dropped into @/components/ui, framed as a lattice-integrity diagnostic console — a probe caliper snaps to the warp center and reports its coordinates, an integrity gauge fills with render rate, and hold/re-seed controls drive the field clock; Chakra Petch type and fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, Three.js, Lucide
digital-glitch-shadershadcn-style integration of the prompt's digital-glitch Three.js/GLSL component — a retro CRT shader of scanlines, RGB-shift chromatic aberration, and film grain rendered full-viewport — framed as the "Static Bureau" signal-calibration bench: the brief's five uniforms become engineering trim faders, its presets become patch channels, and a live SMPTE timecode, measured FPS, and a signal-loss meter read straight off the shader's own animation loop; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, Three.js, Lucide
digital-petals-shadershadcn-style integration of the brief's DigitalPetalsShader — a polar-coordinate GLSL flower on a single full-screen quad with Three.js dropped into @/components/ui, framed as a herbarium specimen plate: the corolla breathes between three and seven petals, the cursor seeds a soft light bloom, and a signature Petal Dial gauge plus a cultivation-log HUD read the shader's exact per-frame petal count and state straight off the GPU; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
dithering-shader-lab"DITHER LAB" darkroom instrument integrating the drop-in DitheringShader (WebGL2 / GLSL ES 3.00, 7 shapes × 4 ordered-Bayer/noise dithering matrices) at @/components/ui — a full-bleed live stage with reticle chrome, shape/matrix/ink/pixel-grid/speed controls plus presets driving the shader through live uniforms, and a telemetry HUD reading FPS/clock/buffer/cell-grid straight off the GPU; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, WebGL2, shadcn/ui, Lucide
dithering-sphere-shader"DITHER LAB" showcase for the designali-in/dithering-shader component — a WebGL2 fragment shader that resolves seven procedural fields (sphere, ripple, swirl, warp, dots, wave, simplex) to 1-bit through ordered Bayer or stochastic dithering — dropped into @/components/ui and framed as a 1-bit print instrument: a full-bleed live hero with an FPS/frame telemetry HUD, a control deck promoting every prop (shape, dither type, pxSize, speed, colours) to a live knob, a signature panel that renders the shader's actual Bayer threshold matrix and live-dithers a tonal ramp, plus a lazy-mounted shape index; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
dithering-swirl-shader"HALFTONE ENGINE" — a halftone-press take on the prompt's DitheringShader (WebGL2, 7 shapes × 4 ordered-Bayer/noise matrices) at @/components/ui: a full-bleed swirl press with press controls (shape/matrix/phosphor/pixel-size/speed), a panel rendering the active Bayer threshold matrix cell-by-cell, and an ink-coverage telemetry HUD reading lit-pixel fraction straight off the framebuffer; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
dotted-surface-wavesshadcn/Tailwind v4/TS integration of the verbatim DottedSurface component — a full-viewport three.js Points lattice (40 × 60 = 2,400 dots) displaced by two crossing sine waves — framed as a quiet "field generator" with a centred Geist Mono lockup + radial glow and a live next-themes toggle that flips the dot palette (light dots on dark ↔ dark dots on light) in real time; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, Three.js, next-themes, Lucide
dynamic-waveform-shadershadcn-style integration of the ShaderCanvas "Dynamic Waveform" — a Three.js fragment shader that stacks up to eight mouse-warpable sine harmonics into a glowing signal trace — dropped into @/components/ui and framed as a CRT "Signal Analysis Bench" with an oscilloscope graticule, corner reticles, two-trace colour trims, five faders wired straight to the shader uniforms, four channel presets (Baseline / Signal Scan / Deep Sea / Vaporwave), and a live telemetry strip (sweep time, refresh, trace level, harmonics) read off the shader's own per-frame state; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, three.js, Lucide
electric-waves-shadershadcn/Tailwind v4/TS integration of the prompt's ElectricWavesShader (a Three.js fragment shader piling additive R/G/B sine-interference lines onto one full-screen quad), framed as the "ARCWAVE" signal instrument — viewfinder brackets, CRT scanlines, the component's own five-slider uniform deck (wave count / amplitude / frequency / brightness / colour separation), and a live FPS / uptime / resolution telemetry HUD; system fonts, runs offlineReact, TypeScript, Vite, Tailwind CSS v4, Three.js, shadcn/ui, Lucide
endless-pursuit-shader-heroshadcn/Tailwind v4/TS integration of UIMIX's monochrome "ENDLESS PURSUIT" hero — the pasted component's remote UnicornStudio shader scene is preserved but layered over a dependency-free WebGL fallback field (drifting nebula, an "endless orbit" arc, parallax twinkling stars) with a pure-CSS starfield beneath, so the Sisyphus-themed hero runs fully offline; Next.js 'use client'/styled-jsx adapted to Vite, JetBrains Mono vendored, Lucide iconsReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, WebGL, Lucide
exoplanet-survey-shadershadcn-style integration of the brief's verbatim Three.js "Celestial Sphere" ShaderCanvas (six-octave FBM cloud deck + Fresnel atmosphere rim on a rotating SphereGeometry) dropped into @/components/ui, framed as a "Stellar Cartography" exoplanet survey — the sphere sits inside a brass eyepiece with an engraved reticle and radar sweep, two nebula colour chips plus rotation / cloud-density / glow dials and the brief's three world presets, a catalog card deriving spectral class / rotation period / albedo from the live props, and a telemetry strip reading the shader's own per-frame clock, FPS and longitude; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
flowing-waves-shadershadcn/Tailwind/TypeScript integration of the prompt's InteractiveWaveShader (a nine-iteration cosine-displacement Three.js fragment-shader wave field on one full-screen quad), framed as a "tidal field observatory" — a live buoy-telemetry panel reads significant wave height/period/turbulence straight off the GPU via gl.readPixels, with a sea-state mode selector, center-clarity toggle, and amplitude dial steering the shader's mode/dimmingDisabled/intensity uniforms; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
fluid-swirl-shadershadcn/Tailwind/TypeScript integration of the prompt's verbatim FluidSwirl raw-WebGL component (three pigments folded into an endless paint vortex on a single full-screen quad) dropped into @/components/ui, framed as the "FLUX" pigment-mixing console — the shader's hard-coded uniforms become an additive, backward-compatible props API driving three live colour pickers, contrast/spin/flow/pixel-filter faders, a polar-warp toggle, six paint presets and a randomiser, with pointer/touch steering the spin and a signature pigment-trace oscilloscope reading the field's average luma straight off the framebuffer; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL, Lucide
galactic-spiral-shadershadcn-style integration of the verbatim Three.js ShaderAnimation (a 7-colour neon-rainbow spiral GLSL fragment shader) dropped into @/components/ui, framed as a deep-field "survey transmission" — a registration-corner plate, a Galactic Spiral hero lockup over a legibility scrim, and a live telemetry ledger reporting mission clock, measured render FPS, and drifting R.A./Dec. coordinates; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, Three.js, Lucide
gaming-vibe-shadershadcn-style integration of the brief's "Gaming vibe Shader" (neno-shader.tsx) — a Three.js neon ring field (electric blue → magenta) that warps, breathes and rotates — dropped into @/components/ui and framed as the "NENO RIG" arcade-rig boot diagnostic, with an Orbitron cabinet marquee lockup, an overclock control deck of four faders (clock/rings/warp/sync) plus RGB profiles wired straight into the shader uniforms, pointer parallax with a targeting reticle, and a live telemetry HUD; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, Three.js, Lucide
generative-mountain-sceneshadcn/Tailwind/TypeScript integration of the brief's GenerativeMountainScene — a solid 128² Three.js plane raised into a mountain massif by two octaves of 3D simplex noise in a custom GLSL vertex shader and lit by a fresnel+diffuse fragment shader off a cursor-driven point light — framed as the "ORONOMY" terrain-survey station with a viewfinder stage (corner brackets, scanlines, sweep), freeze-drift + ridge-tint controls, and a live telemetry HUD reading real FPS / survey clock / time drift / point-light X·Y·Z straight off the render loop; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
glsl-hills-shadershadcn/Tailwind/TypeScript integration of the brief's verbatim GLSLHills — a monochrome 3-octave Perlin hill range on one 256² RawShaderMaterial plane, folded to face the camera and pushed forever forward so its far ridges dissolve into haze — dropped into @/components/ui and framed as the "FOGBANK" low-visibility terrain monitor: the canonical demo lockup floats over a viewfinder stage (reticle, scanlines, sweep), a drift console of four faders promotes the props + baked fog/haze constants to live uniforms with four field presets, and the signature visibility gauge plus a telemetry strip read drift clock / FPS / cam depth / visibility (km) and ridge-crest straight off the GPU framebuffer; hold/resume drives the shader clock, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
grain-gradient-corners-lab"GRAINFIELD" — the prompt's verbatim GradientBackground (a @paper-design/shaders-react GrainGradient painting the corners shape: two rounded rectangles in warm orange→amber→pink grain on black) dropped into components/ui, then wrapped in a parametric GrainGradientStage twin so an instrument console can drive the whole uniform surface live — a shape selector across all seven u_shape modes (wave·dots·truchet·corners·ripple·blob·sphere), five named palettes, a uniforms deck of faders (softness·intensity·grain·scale·rotation·speed), a Freeze control, a four-tab copyable integration story (component/usage/parametric/setup) and a telemetry strip reading real FPS/clock/frames off a rAF loop; the preserved "Backgrounds are awesome :)" hero floats over it. Fonts vendored locally, CLI-verified headless with a WebGL render checkReact 19, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, shadcn/ui, Lucide
grainy-gradient-ripple-cardshadcn integration of the brief's verbatim gradient-shader-card — a grainy 7-stop gradient (domain-warped value noise + 3D simplex grain + overlay film grain) rendered on a single React-Three-Fiber quad that ripples where you tap it — dropped into @/components/ui and framed as the "Chroma Foundry" pigment-lab console: a rail with the exact 7 hex stops the shader mixes, five faders promoting the baked noise*/waveNoise* constants to live uniforms, named patches (Foundry/Silk/Marble/Static/Tide), click-to-ripple with tactile DOM markers, and a telemetry strip reading the shader's own clock + live ripple count off the GPU loop; fonts vendored locally, headless WebGL + interaction verification (9/9)React, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, @react-three/fiber, framer-motion, Lucide
hero-button-expandableshadcn/Tailwind v4/TS integration of the prompt's hero-button-expendable — a GodRays-lit "Nexus" hero whose pill CTA performs a framer-motion shared-layout morph (layoutId) into a full-screen MeshGradient demo-request modal with an animated idle→submitting→success form; both shaders from @paper-design/shaders-react, fonts vendored locallyReact 19, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, framer-motion, shadcn/ui, Lucide
hero-dithering-card"DITHER · PRESS" — the brief's CTASection dropped verbatim into components/ui: a transparent-backed @paper-design/shaders-react Dithering shader laying Pantone-orange ink under an editorial headline, mounted on a print-house "press bed" with crop marks, a rotating registration loupe, a half-tone dot field, and a telemetry strip that samples ink coverage live off the plate; plus an "ink console" whose faders (speed / shape / type / ink) drive a second live Dithering instance, a copyable-source integration story, a Dithering props table, and a paper ↔ lights-out theme toggle — fonts vendored locally, CLI-verified with a screenshot-diff render checkReact 19, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, Lucide
hero-futuristic-webgpuFaithful shadcn integration of the Hero Futuristic component — a depth-mapped portrait dissolved into a scanning dot-matrix field, rendered through a Three.js WebGPU pipeline written entirely in TSL: a colour texture + companion depth map drive a node material that parallax-shifts the image by the cursor, masks it into cellular-noise dots, and sweeps a depth-driven reveal, then a TSL post pass adds bloom + a travelling red scan line; headline reveals word-by-word over the top. Async-renderer gl callback (WebGPU → WebGL2 fallback) needs @react-three/fiber v9; texture, depth map and fonts vendored locallyReact 19, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js (WebGPU + TSL), @react-three/fiber, @react-three/drei, Lucide
hex-shield-shadershadcn-style integration of the brief's verbatim shield-shader.tsx — a 100-step three + @react-three/fiber fragment shader that folds a mirrored hex lattice onto a sphere distortion and tanh-tonemaps a cyan→violet arc field — dropped into @/components/ui and framed as the "AEGIS" deflector-array console: a typed sibling promotes every baked GLSL constant (dome bias, curvature, hex scale, drift, edge/arc gain, falloff, tint) to a live uniform driven by a calibration deck, five named deflector profiles snap the field to regimes, a cursor-tracked impact reticle lights the dome, and a circular shield-integrity gauge plus a telemetry strip read render rate / impact charge / shield clock straight off the GPU loop with a freeze control; fonts vendored locallyReact 19, TypeScript, Vite, Tailwind CSS, Three.js, @react-three/fiber, shadcn/ui, Lucide
hive-noise-shader"HIVE" — a faithful shadcn integration of the prompt's verbatim hive.tsx component, a single full-screen WebGL2 fragment shader that raymarches a 20-step noise field and tints it with a flowing amber → magenta cosine spectrum; dropped unedited into @/components/ui (zero props, zero deps, zero assets) and mounted as a fixed full-viewport backdrop under a frosted shader lab: a hero, a spec HUD reading the shader's real shape (its u_res/u_time uniforms, raymarch steps, DPR clamp) instead of faked telemetry, an integration ticker, and a below-the-fold integration story (default paths, why components/ui, from-scratch setup, copyable source, a render-pipeline walkthrough, and a props/state/assets Q&A); CLI-verified with a headless screenshot light-checkReact, TypeScript, Vite, Tailwind CSS v4, WebGL2, shadcn/ui, Lucide
horizon-strata-shader"STRATA" shadcn integration of the brief's verbatim WebGL2 lab.tsx — a single fullscreen fragment pass that folds space into repeating 4-unit horizon strata (p.y = abs(mod(d - 2.0, 4.0) - 2.0)) over a cosine-tube ground plane and flies it toward the vanishing point (p.z -= t), tanh-mapped — dropped into @/components/ui and framed as a deep-field stratigraphy scanner: a right-edge layer gauge whose reticle rides the shader's own march clock (one sweep per band), a chromatic-split STRATA wordmark, a hold/resume control wired to the component's real paused prop, and a telemetry rail reading live depth/frame/FPS off the GPU loop via onSample; CSS-strata fallback when WebGL2 is unavailable, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
interactive-flux-shadershadcn-style integration of the prompt's interactive-shader component — a full-screen WebGL2 FBM noise field (hue/speed/intensity/complexity uniforms + a cursor-warp) ported to TypeScript and re-framed as "FLUX·01", a Eurorack-style field synthesizer: the four params become engraved aluminium faders, the field sits in a recessed scope window with a tracking crosshair reticle, and a live telemetry stack reads the field's sampled luminance, dominant hue, and draw rate straight off the GPU via gl.readPixels; zero runtime libs (raw WebGL, no three.js), fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
launch-shadershadcn-style integration of the brief's verbatim WebGL2 Component (launch.tsx) — a single fullscreen fragment shader ray-marching a churning molten engine plume (camera at vec3(0,-2,7), an animated turbulence loop folded into a cos-rippled SDF floor, accumulated into a hot red/amber channel and tanh tone-mapped) — dropped into @/components/ui and framed as a rocket ignition control console: a vertical thrust gauge whose reticle rides the shader's own clock, a heat-glow LAUNCH wordmark, an Ignite/Hold control wired to the shader's paused prop, an arming launch-sequence rail, and a telemetry rail reading real altitude/throttle/iFrame/FPS off the GPU loop; auto-detects software WebGL to keep captures fluid while real GPUs render full-res; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
liquid-crystal-shadershadcn-style integration of the verbatim raw-WebGL liquid-crystal component (simplex-noise interference bands on a single mouse-warped full-screen quad) dropped into @/components/ui, framed as a polarized-light optics bench — the prompt's top-left ControlsPanel drives the hue/speed/noise/warp/zoom/brightness uniforms, a crossed-polarizer reticle tracks the mouse-warp centre, an instrument rail reads live FPS/render clock/birefringence off the shader's own per-frame state, and an integration docket documents the drop-in; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, WebGL, Lucide
liquid-metal-foundryshadcn-style integration of the prompt's verbatim background-shades — a full-bleed, framer-motion–animated @paper-design/shaders-react LiquidMetal field dropped into @/components/ui and framed as a molten-metal foundry console: the live shader pours into a registration-bracketed crucible plate while a casting deck drives every real LiquidMetal prop (tint, shape, repetition, softness, distortion, contour, chromatic shift, rotation, scale, speed, blur) in real time, with FPS·frame·uptime telemetry, a prefers-reduced-motion–aware breathing loop, and a tabbed install / props-API / live-usage / integration-notes / why-components/ui dock that documents reconciling the verbatim shape="plane" and unused PulsingBorder against shaders-react 0.0.76; Space Grotesk + JetBrains Mono vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, framer-motion, shadcn/ui, Lucide
living-nebula-shadershadcn-style integration of the brief's LivingNebulaShader — a two-layer fbm gas cloud (magenta plasma + ion-blue) that lenses around the cursor, rendered full-viewport with Three.js and framed as a deep-sky observatory sky-feed console: corner brackets, a scope scanline, a cursor lens reticle, and a live telemetry rail reading the shader's own per-frame state (feed clock, render FPS, and warp coordinates computed with the exact GLSL normalization); fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, Three.js, shadcn/ui, Lucide
mesh-gradient-shader-heroshadcn-style integration of the prompt's HeroSection — a hero whose background is a flowing @paper-design/shaders-react MeshGradient under a frosted veil — dropped verbatim into @/components/ui and framed as a warm "palette studio": the live hero sits in a registration-bracketed plate while a control deck drives the shader's real props (color stops, distortion, swirl, speed, offsetX) in real time, with light/dark veil toggle, FPS·frame·uptime telemetry, and a tabbed install / props-API / live-usage / why-components/ui dock; Onest vendored locally as the Satoshi substituteReact, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, shadcn/ui, Lucide
molten-core-shadershadcn-style integration of the MoltenCoreShader component — a procedural FBM lava fragment shader rendered full-viewport with Three.js, framed as a live "foundry core monitor" with a base-color toggle, a melt-intensity dial, and a telemetry panel that reads core temperature straight off the GPUReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
morphing-light-shaderFaithful shadcn integration of the brief's verbatim MorphingLight Three.js shader (radially symmetric pink↔cyan morphing interference fringes on one full-screen quad) dropped into @/components/ui and reframed as FRINGE, a tabletop interferometer — the shader's baked constants (2.5/4.0/8.0 + an HSV hue rotation) are promoted to four live "beam" faders, five named emission sources snap the field to stored uniforms, a concentric fringe reticle mirrors the shader's own radial symmetry, a cursor caliper reads fringe order at the optical axis, and a detector strip reads clock/FPS/axis intensity straight off the GPU via gl.readPixels; zero-prop <MorphingLight /> stays byte-for-byte original, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, Three.js, Lucide
moving-circles-shaderFaithful shadcn/R3F integration of the prompt's verbatim moving-circles-shader.tsx (an isometric space-warping GLSL field that tiles a sphere into every lattice cell and steps it one axis at a time) dropped into @/components/ui and framed as PHASE LATTICE, a sphere-sonar console — the shader's exact mod(time,3.0) axis cycle and eased t − sin(t·τ)/τ sweep are decoded in JS to drive a live X/Y/Z phase-axis rail, a sweep meter, and a drift readout that match the GPU frame-for-frame, plus a telemetry ticker (uTime/axis/phase/fps), freeze + speed + hide-UI transport, and a slide-in install/usage sheet; zero-prop <Component /> stays verbatim, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, Three.js, @react-three/fiber, Lucide
novatrix-gradient-meshshadcn/Tailwind v4/TypeScript integration of the prompt's gradient-mesh.tsx (the Novatrix ogl shader) dropped verbatim into @/components/ui and framed as the "NOVATRIX Gradient Mesh Lab" — a water-distorted fractal gradient field under the prompt's mix-blend-overlay "Gradient Mesh" headline, with a uniform control deck that promotes every baked-in constant (speed/swirl/scale/rotation/wave amp·freq·speed/grain/offsets/distortion) to a live fader, eight curated 3-stop palettes, an independent FPS·frame·clock telemetry HUD with pause-freeze, and a tabbed install / props-API / usage / why-components/ui dock; fonts vendored locally, fully procedural (no image assets)React, TypeScript, Vite, Tailwind CSS v4, ogl, WebGL, shadcn/ui, Lucide
old-television-shadershadcn/Tailwind/TypeScript integration of the brief's verbatim react-three-fiber WaveShaderMaterial (a flowing-sine + 4-octave fractal-noise field mixing two colours into analog snow on one drei shaderMaterial quad) dropped into @/components/ui and framed as a "Cathode Vault" broadcast monitor — the shader is the live picture tube of a CRT cabinet with scanlines/shadow-mask/vignette glass, a self-typing on-screen channel readout, six tunable channel presets, faders that promote the shader's baked constants to live uWave/uGrain/uBright uniforms, and a phosphor signal meter reading centre-pixel luminance straight off the GPU; the original PolishedShader default export is preserved as a drop-in, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, @react-three/fiber, @react-three/drei, three, Lucide
paper-shader-resume-heroshadcn components/ui integration of the prompt's portfolio-hero-with-paper-shaders — a split-screen designer résumé (Jessi.cv) whose right panel is a live @paper-design/shaders-react Dithering canvas with its own internal light/dark toggle — dropped in verbatim and framed as a "darkroom" proof: the as-shipped component sits in a crop-marked plate, an ink console promotes every Dithering prop (shape/bayer-matrix/pxSize/scale/speed/colour pair) to live faders with live prop/fps telemetry, a procedural shader-portrait gallery, and a setup/why-components/ui/source/props-API story (the invalid shape="cat" is corrected to sphere); fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, shadcn/ui, Lucide
paper-shaders-control-deckInstrument-console "Control Deck" for driving live WebGL shaders — four selectable channels (paper-design Mesh Gradient / Dot Orbit / Combined plus the prompt's custom react-three-fiber GLSL Shader Plane + energy rings), a brushed-graphite scope housing with corner brackets/scanlines/vignette, live FPS·frame·uptime telemetry, and speed/intensity faders wired straight into the shader uniformsReact 19, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, @react-three/fiber, three, Lucide
paper-shaders-hero-labshadcn integration of the 21st.dev "Beautiful Shader Experiences" hero (two stacked @paper-design/shaders-react MeshGradient layers + a rainbow PulsingBorder ring with orbiting marquee), copied verbatim into components/ui and framed as a dark instrument console — a Showcase/Lab view toggle, a control deck promoting the baked-in shader constants to live config/pulse uniforms (colour stops, base/wire speed, distortion, swirl, wire opacity, wireframe, pulse speed/glow), a telemetry HUD whose colour chip is sampled straight off the live shader canvas, and an install / props / why-components/ui / responsive dock; module-augmented types keep the drop-in byte-for-byte, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, framer-motion, shadcn/ui, Lucide
phosphor-30-shader-heroshadcn/Vite/TypeScript integration of the brief's raw-WebGL2 phosphor-30 shader (an 80-step raymarch folding a rotating SDF into ribbons of light via tanh(o / 5e3) on one full-screen triangle), framed as a CRT "PHOSPHOR // 30" instrument hero — bezel + corner brackets, a drifting scan line, a phosphor-glow FIELD OF / LIGHT headline, live FPS·session telemetry and lucide-react chrome; the prompt's phosphor-30.tsx + demo.tsx dropped in verbatim alongside a composable type-checked twin, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, WebGL2, shadcn/ui, CVA, @radix-ui/react-slot, Lucide
radial-aperture-shadershadcn/Tailwind v4/TypeScript integration of the brief's raw-WebGL2 raidal-2 radial-bloom shader (nine accumulating blades on one full-screen triangle, an angular smoothstep gate and a tanh tone-map), framed as the optical "APERTURE" instrument — a live hero with FPS/uptime telemetry, a control deck that promotes the field's baked-in 9/0.03/hue constants to live uniforms, a GLSL anatomy walkthrough, a self-rendered specimen gallery, and the verbatim drop-in shown contained + fullscreen; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, WebGL2, shadcn/ui, Lucide
radial-shader"Radial Bloom" — verbatim shadcn components/ui integration of the brief's single-file WebGL2 fragment shader (seven polar-gated rings blooming from one full-screen triangle, each rotating at its own t·sin(i²) rate under a phase-shifted cosine palette and a tanh tone-map), dropped in unedited and framed as an observatory instrument: the fullscreen component renders as a fixed background under a glass hero lockup, a right-rail telemetry HUD mirrors the shader's own iTime/iFrame/FPS and per-ring phase, and a scrollable deck documents the shadcn/Tailwind/TypeScript setup, the components.json aliases, why components/ui matters, the props/uniforms API, and a GLSL anatomy walkthrough; zero image/shader-library dependencies, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, WebGL2, shadcn/ui, Lucide
realistic-fog-background"HAAR" sea-fog instrument integrating the prompt's realistic-fog-background — a WebGL fragment-shader fog (six octaves of domain-warped fBm on one full-screen quad lit by a cursor "lighthouse beam") dropped into @/components/ui; the signature visibility gauge reads the shader's own framebuffer luminance off the GPU via gl.readPixels, a control deck promotes every baked constant to a live uniform with a five-patch fog bank (Sea Haar → Pea Souper → Dry Ice → Moor Drift → Clear Dawn), plus a full shadcn/Tailwind/TS integration story; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, WebGL, shadcn/ui, Lucide
sdf-dreamscape-shadershadcn-style integration of the verbatim "SDF Dreamscape" component — a native-WebGL fractal signed-distance-field (a recursive Julia-fold bent live by the cursor) ported to strict TS in @/components/ui and reframed as the "Oneirograph" dream-recorder console: a Big Shoulders hero lockup, a registration frame + reticle, four tuning dials (Spectrum/Drift/Recursion/Lens) annotated with their u_* uniforms, Lucid/Abyssal/Solar/REM presets that snap all four at once, and a live telemetry strip reading the shader's own FPS and dream clock; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, WebGL, Lucide
shader-animation-integrationshadcn/ui integration of a zero-prop Three.js WebGL fragment-shader component (radiating RGB lines) — a full-bleed shader hero plus a docs page covering the components/ui path, the three dependency, copy-paste usage, and a props/state/assets/responsive/placement Q&AReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
shader-flow-field-ringsshadcn/Tailwind/TypeScript integration of the prompt's ShaderAnimation (a Three.js fragment shader drawing additive R/G/B interference rings on one full-screen quad), framed as a signal/oscilloscope lab — a live shader hero with transport + FPS/time/uptime telemetry, a signature "channel decomposition" reading each color[j] loop as its own live sparkline, an install/components/ui story, copyable source tabs, and a props/uniforms API; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
shader-lines-showcaseshadcn-style integration of the "Shader Lines" component — a generative GLSL line field on one full-screen quad — wrapped in a component-library docs page with a full-bleed live hero, a tabbed copyable source panel, an anatomy walkthrough, and a props/uniforms API, with Three.js r89 and all fonts vendored locally so it runs offlineReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, Lucide
shader-plasma-grid-background"PLASMASIGNAL" showcase for a drop-in WebGL plasma-grid background (shadcn components/ui) — the brief's fragment shader ported to TS, wrapped in a "Signal Lab" page with an oscilloscope HUD reading live iTime/FPS/iResolution, and a control deck of faders that promote the shader's baked-in constants to live uniforms to re-tint/re-shape the whole field in real timeReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL, Lucide
shader-spectral-clock"SPECTRA CLOCK" integration of the brief's verbatim shader-clock.tsx — a raw-WebGL eight-fold cosine/sine domain warp coloured by a wavelength→RGB spectrum, with a live clock, editable location and °C/°F toggle floating over it — dropped into @/components/ui and framed as a spectral-field timepiece lab: a frosted clock card over the live field, a telemetry HUD reading the shader's own iTime/FPS/centre-pixel colour off the GPU, a control deck promoting the four baked GLSL constants (for(i<8)/p*=2.0/p.y*50.0/iTime) to live uniforms, a six-city world-preset bank with locally-generated skyline stills, a Freeze control and a CSS-aurora WebGL fallback; the verbatim demo.tsx is embedded untouched and fonts are vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, shadcn/ui, WebGL, Lucide
sickui-waitlist-mesh-shadershadcn-style integration of the verbatim background-shader.tsx — a deep-blue @paper-design/shaders-react MeshGradient backdrop — copied byte-for-byte into components/ui and grown into a full "SickUI" waitlist launch page: a glass email-capture card with validation + success state, an animated signup tally and gradient-monogram social proof, a "what's shipping" feature grid, and nav/footer floating over the living shader; Unsplash is network-blocked here so avatars are synthesised locally and fonts are vendored, so it runs fully offlineReact 19, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, Lucide
simplex-dithering-shadershadcn/Tailwind v4/TS integration of the verbatim DitheringShader — a WebGL2 ordered-dithering field (simplex/warp/dots/wave/ripple/swirl/sphere crushed through Bayer 2×2/4×4/8×8 or blue-noise matrices into a two-tone halftone) dropped into @/components/ui, framed as an amber-on-oxblood "dither bench": the brief's ripple · 2×2 preset full-bleed behind a centered "Simplex" lockup, a live Bayer threshold-matrix panel, and field/matrix/pixel-size/speed controls wired straight to the shader uniforms with an FPS/shader-clock telemetry HUD read off the render loop; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, WebGL2, shadcn/ui, Lucide
spooky-smoke-shader"AETHER" séance instrument that integrates a WebGL2 fbm-noise smoke component — a live observation window tuned by a single smokeColor prop, an alchemical reagent tray of preset swatches plus a brass colour dial, and two documented specimen panes, all on a shadcn/ui project structureReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Lucide, WebGL2
starship-shader"HELM-9 · FTL Navigation Console" integration of @XorDev's verbatim "Starship" warp-streak fragment shader (a 50-step exp(sin()) accumulation over a noise-warped distance field, tanh-tonemapped on a pure-black hull) rendered on a @react-three/fiber fullscreen quad and dropped into @/components/ui — framed as a starship helm with a signature velocity ladder whose caret rides the shader clock, throttle/exposure faders + named drive regimes wired to optional speed/intensity/paused props, an engage-jump / hold-field sequence, and a live field-clock/velocity/distance/FPS telemetry deck read off the per-frame callback; full shadcn/Tailwind/TS integration story, fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, @react-three/fiber, Lucide
thermal-shader-imaging"THERMA — Thermal Imaging Bay" integration of the prompt's verbatim ThermalEffect (Apple-style three.js shader painting a pointer-reactive 7-stop thermal gradient inside a logo's alpha mask) dropped into @/components/ui, framed as thermographic hardware — bracketed viewports with a reticle, a live sensor-clock/FPS/core-temp telemetry HUD, the brief's logo × logo two-up plus a specimen tray, a palette/LUT calibration ramp and props API; logo masks are drawn on a canvas at runtime so it runs fully offlineReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, three.js, Lucide
vitruvian-ascii-shadershadcn/Tailwind v4/TS integration of the prompt's hero-ascii "PERFECT PROPORTIONS" hero, with its network-blocked UnicornStudio embed rebuilt as a self-contained HTML-canvas ASCII shader of Da Vinci's Vitruvian Man — bright limbs sweeping between the square and circle poses over a breathing frame, a faint pose-superposition, and a twinkling starfield, under the verbatim UIMIX chrome; JetBrains Mono vendored locallyReact, TypeScript, Vite, Tailwind CSS v4, HTML Canvas, shadcn/ui
volumetric-beams-shader"BEAMWORKS" optics-bench integration of the brief's verbatim volumetric-beams component — a full-screen Three.js + R3F single-scatter raymarch firing an angular star of light beams (Beer–Lambert transmittance, Henyey–Greenstein phase, depth twist, striation ribbing, film grain) dropped into @/components/ui and framed as a calibration bench: 18 grouped faders wired to every u* uniform, six named beacon presets (Searchlight = the brief's demo.tsx), and a live telemetry panel reading render rate / beam flux / spectral cast back off the canvas; the brief's demo.tsx is also rendered verbatim; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, @react-three/fiber, Lucide
warp-checks-background-labshadcn integration of the prompt's @paper-design/shaders-react <Warp shape="checks" /> dropped into components/ui (its malformed JSX fixed) and built into a polished, full-viewport animated checks-warp background — one <Warp> in a fixed inset-0 -z-10 layer behind glassy product UI, a live console of faders for every uniform (proportion, softness, distortion, swirl, swirlIterations, shapeScale, scale, rotation, speed), a shape selector and four mood presets, a live-vs-prompt props ledger, an in-page shadcn/Tailwind/TS setup write-up, and an rAF FPS/frame/uptime telemetry strip; boots on the prompt's exact four-colour config, fonts vendored locallyReact 19, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, Lucide
warp-dithering-shader"DITHER LAB" integration of the verbatim DitheringShader WebGL2 component — seven procedural shape fields (warp, simplex, dots, wave, ripple, swirl, sphere) thresholded through random + Bayer 2×2/4×4/8×8 ordered dithering — dropped into shadcn components/ui and framed as a live 1-bit CRT console: a full-bleed Warp hero, a driving deck wired straight to the props/uniforms, a click-to-apply shape library, animated Bayer-matrix explainers, and a live props API mirroring the hero stateReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, WebGL2, Lucide
warp-drive-shader-bridge"WARP DRIVE" starship-bridge integration of the prompt's verbatim WebGL warp-tunnel shader (an orthographic full-screen quad of RGB-split light filaments steered by iMouse) dropped into @/components/ui — the signature NavReticle gauge locks to the tunnel's vanishing point and reads warp factor / heading / FPS off the shader's own onFrame loop, a docked helm console surfaces the raw iTime/iMouse/iResolution uniforms with a warpSpeed throttle, and the page tells the shadcn/Tailwind/TypeScript install story; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, Three.js, Lucide
warp-shader-heroshadcn-style integration of the prompt's verbatim @paper-design/shaders-react <Warp> hero dropped into components/ui, framed as the "Paper Warp // Shader Lab" — a brushed-graphite instrument deck where the same hero becomes a live specimen: a parameter bay of faders promotes every Warp uniform (swirl, distortion, scale, rotation…) to a live control, a shape selector and four mood presets re-work the field, an editable four-stop palette, and an FPS/frame/uptime telemetry strip; fonts vendored locallyReact 19, TypeScript, Vite, Tailwind CSS v4, @paper-design/shaders-react, Lucide
waves-shader-oscilloscope"OSCILLON" observation deck integrating the prompt's verbatim zero-prop ShaderComponent (a black-and-white Three.js coswarp interference field on a single full-screen quad) dropped into @/components/ui, framed as a phosphor signal analyzer — corner reticles, scanlines and an edge vignette over the live trace, a live-trace HUD plus a channel legend and a scope deck with a phase-lock meter, all driven off the same requestAnimationFrame clock the shader animates on; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn structure, three.js, Lucide
vhs-noise-distortion-heroshadcn/Tailwind/TypeScript integration of the prompt's verbatim vhs-hero-section.tsx — a corrupted VHS hero on React Three Fiber: a custom six-octave fbm domain-warp GLSL shader (edge-growing chromatic aberration, a sweeping tracking-error band, glitch sparks, scanlines, film grain, vignette) over 800 cursor-repelling red/white/cyan noise particles, a GSAP GlitchText headline (character scramble + RGB text-shadow pulse), and an aggressive GSAP entrance + looping hue-jitter timeline; dressed as a tape deck with a running HH:MM:SS:FF timecode and CRT chrome; fonts vendored locallyReact, TypeScript, Vite, Tailwind CSS, shadcn/ui, Three.js, @react-three/fiber, GSAP, Lucide
webgl-flowing-gradient-shadershadcn/Tailwind v4/TS integration of a raw-WebGL flowing-gradient fragment shader, framed as the "PRISMA Shader Lab" — a cursor-reactive fractal field with viewfinder chrome, a layers/glow/speed control rail, and a live FPS/time/resolution telemetry HUDReact, TypeScript, Vite, Tailwind CSS v4, WebGL, Lucide
webgl-rgb-shift-shader-hero"CHROMA OSC" hero integrating the prompt's WebGLShader (a single RawShaderMaterial GLSL pass of additive sine ribbons with R/G/B chromatic-aberration) and LiquidButton, framed as a live oscilloscope instrument with corner brackets, an RGB-split headline, a sweeping scan line, and mono telemetry strips reading real FPS / shader uptimeReact, TypeScript, Vite, Tailwind CSS, shadcn structure, three.js, CVA, Radix Slot, Lucide
ProjectDescriptionStack
atelier-archive-quiet-luxury"Atelier Archive" quiet-luxury architectural design system — a single cream-paper (#fdfbf9) magazine spread on Zodiak-style serif (Cormorant Garamond, weights 300/400 + italics) and General Sans-style grotesque (Hanken Grotesk), built inside a 1440px page with vertical neutral-200 border-grid; sticky three-column blur header, a 65/35 hero opening spread ("A Study in Quietude") with a Fig 1.0 label and animated 1px-underline CTA, an interactive Room Index whose serif titles go faint→black + roman→italic on hover, alternating 70/30 and 40/60 room sections with sticky product-detail cards (Ref. numbers, material/dimension specs, white-on-hover backgrounds), a four-column "Close Inspection" material grid with white-overlay slide-up reveals, and an archival four-column footer; 1.2s translateY fade-ins via IntersectionObserver, 2s cubic-bezier(.2,.8,.2,1) image scales; fonts and procedural grayscale architectural/material SVG imagery vendored locally, fully offlineHTML, CSS, vanilla JS, SVG, Cormorant Garamond, Hanken Grotesk
aurum-neural-ai-landing"Aurum" neural-network luxury AI landing page built same-to-same from a reference — a gold-on-black (#0a0a0a base, #a78b71/#c9b8a0/#e8d5b7 gold spectrum) glassmorphic single page on Playfair Display Italic + Inter, with a 32px radial dot grid, a breathing live-status pill, a 16:9 hero "Aurum Core" node ringed by four grayscale-to-color satellite media cards wired in by animated pulsing-branch + dashed-flow SVG bezier curves that redraw on pointer parallax, a 4-up glass features grid, a 3-tier pricing block with a highlighted Pro card and monthly/annual switch, a 2-up grayscale-to-color studio section, and a 5-column footer with a Join Digest field — all reveal-up on IntersectionObserver; fonts vendored and gold/black procedural SVG imagery generated locally, fully offlineHTML, CSS, vanilla JS, SVG, Playfair Display, Inter
browser-core-devtools-template"Browser-Core Modernism" — a high-density technical landing page that simulates an entire DevTools browser workspace, reproduced from a superdesign reference (live link unreachable, spec-derived). The whole page sits inside a simulated browser chrome (macOS traffic lights, active tab, back/forward/reload icons, a monospace URL pill, a cyan-tinted #06B6D41A extension button) on a #f3f4f6 base with a 20px pattern-grid and 10px #d1d5db custom scrollbars, Inter + JetBrains Mono, and a sharp #06B6D4 accent. Sections: a split-pane hero with a 72px/0.9 headline, a pulse-animated "v2.0 Released" tag and a Chrome-Store CTA beside a simulated UI window where a CSS cursor-demo loops ease-in-out between three cards while a dark #111827 inspector tooltip reveals CSS props in cyan mono; a 300px/1fr changelog with cyan "+" bullets; a three-panel IDE workspace (256px explorer with kbd-boxed shortcuts, a pattern-grid stage holding a 2px-cyan selection box with a div.card tag and 1200×400 dimension labels, a 320px property inspector with an 80px/1fr label-value grid, dropdowns, toggle buttons, color swatches/hex and drag-to-resize size inputs); a dark #0d1117 GitHub-README manifesto with an install code block; and a native <details> technical FAQ — 0.4s IntersectionObserver slide-ups throughout; fonts vendored locally, fully offlineHTML, CSS, vanilla JS, SVG, Inter, JetBrains Mono
clinical-luxury-conversion"LUMIÈRE" high-conversion 'Clinical Luxury' skincare landing page rebuilt from a superdesign reference — an Earth-and-Stone palette (#FDFCF8 base, #1C1C1C charcoal, #E2E8E4 sage, #D4AF37 muted gold, #DC2626 urgency red) with vendored Space Grotesk + Newsreader-italic + Inter + JetBrains Mono, a #D8E6D8 promo bar with a slow-pulsing "Almost Gone" red tag, a backdrop-blur(12px) sticky nav with gold underline links, a 32px-rounded full-bleed hero mixing bold-sans + italic-serif type over glassmorphism trust badges, a grayscale-to-color "Trusted by" wordmark row, a dark 4-stat strip with gold metrics and 10%-white dividers, white→#F5F5F0 benefit cards with 110%-scaling pastel icon tiles, a 50/50 product spotlight with a #E8E6E1 square holding a floating deep-shadow bottle and a strikethrough price, a 30px-rounded check-vs-X comparison table with a highlighted "LUMIÈRE" column, a verified-buyer social-proof grid, a sage final-CTA with a live monospace countdown and shield-check button, and a fixed mobile sticky cart (95%-white blur, "Selling Fast" tag, full-width Add to Cart) — IntersectionObserver reveals and pulse/float keyframes throughout; fonts + procedural SVG imagery vendored, fully offlineHTML, CSS, vanilla JS, Space Grotesk, Newsreader, Inter, JetBrains Mono
cyber-serif-template"Cyber Serif" classical-tech template built same-to-same from a superdesign reference (live host blocked by egress, so grounded in the detailed prose spec) — a deep-black #050505 / emerald #10b981 / #EBEBEB system pairing vendored Newsreader serif display (300-weight, -0.04em tracking, leading 0.9, one italic emerald word), Inter body, and Space Grotesk 10px/0.2em uppercase technical labels, with glassmorphism (rgba white 2% + 12px blur), a fixed nav that blurs on scroll with a 360deg-rotating command-icon logo mark and 1px emerald expanding-underline links plus a pulse-glow CTA pill, a 100vh split hero with an emerald pulse-dot label and a parallax floating glass mockup (animated bar chart, latency/uptime metric cards), a 3-column spotlight-card feature grid where each card has a moving shimmer border (::after 3-color emerald gradient at 200% animating 4s) and a cursor-tracking radial spotlight (::before 600px circle following --mx/--my), an IntersectionObserver count-up benchmark table with pulsing check icons and alternating muted/emerald columns, an animated horizontal gradient-text CTA, and morphing blurred emerald background glows (8s border-radius morph) — all staggered reveal-up on cubic-bezier(0.16,1,0.3,1); fonts vendored locally, fully offlineStatic HTML/CSS/JS, Newsreader, Inter, Space Grotesk
disruptor-brutalist-template"Disruptor" neo-brutalist style-guide template recreated from a superdesign reference — a strictly limited Volt-green (#CCFF00) / black (#000) / dark-grey (#121212) / white industrial system on vendored Ranchers (up-to-180px all-caps headlines, leading 0.85, 8px solid text-shadow) + Space Mono technical labels + Plus Jakarta Sans body + Archivo numerals, with only hard 4px/8px black borders and solid 8px offset "neo-shadows" (no blur, no gradients), brutalist press-into-shadow buttons, tilted sticker badges, a fused white-input/black-button email form, a rotated-sticker social-proof bar, a split black-old-way vs volt-better-way comparison grid, white process-blueprint cards with white neo-shadows + 3%-opacity Ranchers watermark numerals + rotated volt STEP tags, a fixed 200px right-edge multi-strip vertical-rl blueprint sidebar, a live Archivo countdown timer, IntersectionObserver reveals, and infinite CSS marquees; fonts vendored, all imagery inline SVG, fully offlineStatic HTML/CSS/JS, Ranchers, Space Mono, Plus Jakarta Sans, Archivo
editorial-naturalism-design-system"Studio/Nord" high-contrast dark-mode editorial design system blending Digital Naturalism with brutalist technicality — a stone-black #0C0A09 base with an acid-lime #D4F268 accent, warm-charcoal surfaces, a fixed 4% fractal-noise overlay in overlay-blend, vendored Newsreader (200/300/400 + italic) serif display + Instrument Sans UI type, a glass pill nav that blurs on scroll, a 5:7 hero with an italic lime accent word and a 10rem rounded-top arch image carrying a 6deg floating lime sticky-note and a frosted Fig. No catalog label, a radial-gradient serrated postage-stamp section divider, a folder-tab bento panel (rotated -2/-1deg tabs, active tab lime + scaled, 40px 3% grid) that swaps content on click, a 3:4 grayscale-to-color showcase grid with one Y-offset card, a rotate(2deg) to 0 lime sticky-note CTA, and a giant Newsreader footer wordmark; IntersectionObserver reveal-up motion on cubic-bezier(.4,0,.2,1), fonts + procedural abstract imagery vendored locally, fully offlineHTML, CSS, vanilla JS, Newsreader, Instrument Sans
emerald-glass-system"Obsidian" glassmorphism design-system showcase — a monochrome black/zinc page with vibrant emerald (#34D399) highlights, vendored Inter, a floating blur(20px) glass pill nav, a 92vh dark hero with a 22vw CREATE backdrop word and a vertical stack of glass stat cards, a light feature grid with a dark System Analysis card animating progress bars, a #18181B workflow block with numbered glass steps and a 3D-rotated code mockup with a bouncing Deployed tag, a 3-tier bento pricing grid, and a black editorial footer; grain overlays on every dark surface, reveal-on-scroll motion, fully offlineHTML, CSS, vanilla JS, Inter
enterprise-admin-saas-landing"Sentra" corporate-professional enterprise admin / security SaaS landing page built same-to-same from a superdesign reference — a strict 40px-grid white/slate layout in vendored Satoshi with a #2563eb primary, a fixed 64px glass nav (rgba white + 12px backdrop blur), a 72px hero over a radial-masked 40px grid with a pulsing-green SOC2 status pill and dual CTAs, a simulated browser window with a 256px sidebar dashboard (system-status header, 3-up stat cards, sticky-header audit-log table with colored status badges and blue hover rows), a 6-card module grid that lifts to white-with-shadow on hover, a dark #020617 stats band with concentric-ring decor and IntersectionObserver count-up KPIs (ease-out-quartic, 2 decimals for percentages), a split security section with cert checklist and clickable glass-morphism policy toggles plus an overlapping slate-800 "Threat blocked" card, a chevron accordion FAQ, a dark rounded CTA panel, and a 6-column footer with a pulsing system-status dot — all fadeInUp on scroll; Satoshi vendored locally, fully offlineHTML, CSS, vanilla JS, Satoshi
flux-editorial-saas-landingPixel-faithful high-contrast editorial B2C SaaS landing page for "Flux" rebuilt same-to-same from a superdesign reference — brutalist-lite aesthetic with massive Anton display type, Satoshi body, a #FFE17C golden-yellow accent over white/charcoal, a 40px grid background, a 15-degree rotated yellow highlight bar behind the hero keyword, an abstract browser-UI mockup with a properties panel, a charcoal/dark-gray problem-vs-solution split, a bento feature grid with animated pulse blocks + code snippet + avatar stack, a sticky 1:2 how-it-works flow with giant numerals, alternating light/dark testimonial cards, and a yellow final CTA with a 26vw ghost wordmark; Anton + Satoshi vendored locally, fully offlineHTML, CSS, vanilla JS, Anton, Satoshi
forest-sage-organic-store"Verde" earthy editorial organic-grocery storefront template — a high-contrast Forest (#01472e) / Sage (#ccd5ae) / Olive / Cream "Forest and Sage" palette, vendored Anton + Inter, a fixed blur-pill nav with a white cart badge, a 23vw ANTON hero with per-letter rise-reveal and three floating organic SVG produce cards (3rem radius, float + scroll parallax), a forest marquee strip, a 5rem-rounded olive shop section with a 15vw heading, a rotating circular CTA, and a 3-column product grid with image-scale hover + blur-reveal "Quick Add" overlays, an editorial story band, and a 12-column forest footer with an underline-only newsletter input — all reveal-up on IntersectionObserver with a (0.16,1,0.3,1) motion signature and a fixed 4% SVG noise overlay; fully offlineHTML, CSS, vanilla JS, Anton, Inter
gen-z-neobrutalist-landing"flok" expressive Gen-Z neo-brutalist app landing page built same-to-same from a superdesign reference — a saturated tri-color system (Acid #ccff00 / Electric Purple #7000ff / Hot Pink #ff0099 / #0a0a0a ink) on Space Grotesk + DM Sans (vendored), a fully-rounded white blur nav pill with hard 6px black shadow, an acid-green hero with two blur(70px) decorative blobs, a purple→pink gradient headline, dual brutalist-shadow CTAs and a 3°-tilted brutalist phone mockup (8px frame, 3rem radius, tilted feed posts + acid action tab) ringed by five independently floating emoji stickers, a -2° rotated black/white-bordered scrolling marquee, a 12-column 7/5/12-span bento grid (gray card with a giant 📍 popping out, black neon card, full-width pink card with an animated bar-chart mini-dashboard) with ±1.5° card rotations, a 3-up rotated testimonial grid, a one-open-at-a-time brutalist FAQ accordion (icon rotates 45°), a hot-pink giant CTA with 20%-opacity 💣/🦄 stickers, and a white footer with a 30vw 5%-opacity "flok" ghost wordmark; signature cubic-bezier(0.175,0.885,0.32,1.275) bounce on every hover, float/wobble/pop-in keyframes, IntersectionObserver reveals, fully offlineHTML, CSS, vanilla JS, Space Grotesk, DM Sans
heavyweight-brutalist-store"HEAVYWEIGHT®" industrial brutalist gear-store template rebuilt same-to-same from a reference — a Concrete (#f2f2f2) / Ink (#0a0a0a) palette with a single red (#dc2626) accent for live status, vendored Anton + Space Grotesk, a persistent 4%-opacity animated fractalNoise grain overlay, a mix-blend-difference fixed header with an Est. 2024 — NYC sub-label and a right-shifted vertical nav, a 64px floating white cart button with a red count badge that pulses on add, an asymmetric 100vh hero (42% low-set text-9xl HEAVY/DUTY/GEAR headline + 65% off-cropped grayscale image with a -90deg "Collection 004" label), a snap-x drag-scroll Essentials strip of 3:4 cards with hover-fade secondary images and detail badges, a sticky-left 12-column Construction info grid with border-l-2 architecture specs and 4:5/1:1 macro images, a broken/staggered 12-column Live Inventory grid with strike-through out-of-stock sizes and a JS live-stock ticker, a rotated 3-column masonry social-proof wall, and a deep-ink 6-column footer under a 10vw ghost HEAVY wordmark — grayscale-to-color hover, line-through link hovers, and IntersectionObserver reveals throughout; fonts + procedural imagery vendored, fully offlineHTML, CSS, vanilla JS, Anton, Space Grotesk
kinetic-orange-brutalist-agency"Superdesign®" digital-brutalist agency landing page rebuilt same-to-same from a reference — strict electric-orange/black/white palette, vendored Archivo Black + Space Mono + Inter, a floating black pill nav, a 16vw SUPER/DESIGN typographic hero, a 12s rotating SVG scroll indicator, a skewed dual-row marquee band, a vertical hover-driven service list with rotating arrows, and a 14vw LET'S TALK CTAHTML, CSS, vanilla JS
lumina-neobrutalist-saas-landingPixel-faithful neo-brutalist SaaS landing page for "Lumina" with hard-offset black shadows, Cabinet Grotesk + Satoshi type, a browser-mockup dashboard, an infinite brand marquee, and press-down push buttonsHTML, CSS, vanilla JS, Cabinet Grotesk, Satoshi
lumina-portfolio-templatePremium editorial portfolio template rebuilt same-to-same from a superdesign reference — a navy #171e19 / sage #b7c6c2 design system with cyan/taupe/charcoal supports, vendored Anton + Plus Jakarta Sans, a mix-blend-difference fixed nav, an 18vw Anton hero with a sage text-outline second line and floating 120px-blur ambient orbs, a white asymmetric 2-column masonry "Selected Works" grid with 96px hover-reveal "View" discs and image scale-1.1, a navy featured section with a cyan -48px offset square behind a grayscale image, a #fafafa 12-column capabilities list with hover-extending line prefixes, a charcoal testimonial carousel with a 30rem ghost quote mark, and a navy "Let's Create" footer; IntersectionObserver reveals, cubic-bezier(0.16,1,0.3,1) easing, fonts + procedural SVG imagery vendored, fully offlineHTML, CSS, vanilla JS, Anton, Plus Jakarta Sans
midnight-editorial-template"Midnight" dark brutalist-editorial fashion-studio template — high-contrast white-on-#050505 with a #0a0a0a footer, vendored Bricolage Grotesque (Clash Display stand-in) + Inter, orange/blue blur(120px) mix-blend-screen light leaks, a mix-blend-mode:difference fixed nav with a hover-fill contact pill, a 15vw FORM/MATTER hero overlapping a 4:5 grayscale portrait, a 4-up bordered stats grid with staggered reveals, two 12-column sticky-numeral narrative blocks with translate-on-hover Explore arrows, a 21:9 rAF parallax gallery, a two-up 4:3 hover gallery with fading black overlays and rise-up captions, and a footer with a giant clipped ghost wordmark + massive email CTA — all reveal-up on IntersectionObserver with a (0.22,1,0.36,1) easing; fonts and grayscale editorial imagery vendored locally, fully offlineHTML, CSS, vanilla JS, Bricolage Grotesque, Inter
neon-velocity-style-guide"Neon Velocity" brutalist × futuristic-glass style guide rebuilt same-to-same from a superdesign reference — a #050505 base with a #BFFF00 neon-lime accent, vendored Plus Jakarta Sans 800 / Geist Mono / Inter, a fixed 3% SVG fractal-noise overlay and blurred lime refraction glows, a hero anchored by a perspective(1000px) rotateX(15deg) 3D glass card behind a sharp 12px white border-box headline with a tabular-nums DD:HH:MM:SS countdown, a 3-up Luminosity Card bento grid (mouse-proximity lime spotlight, 2rem radius, 450px min-height), a neon avatar stack + blurred pill email form with a sweeping-light Laser Button, and a fixed 48px-target mobile bottom-nav pill; fully offlineHTML, CSS, vanilla JS, Plus Jakarta Sans, Geist Mono
obsidian-elite-template"Modern Obsidian" monochrome editorial template — a strict #080808-to-#FFFFFF palette with a 135deg silver gradient, an SVG fractal-noise overlay at 0.05 opacity, fluid 92vw layouts, vendored DM Serif Display (italic) + Geist Mono + Inter, a glass-pill nav with bordered links + white Join button, a frosted-glass hero (4rem radius) with an italic silver-gradient "the obsessed." headline and a 3-column monospace metadata bar, an editorial serif HH/MM/SS countdown with slash separators, a frosted-glass beta-capture form with a silver-btn and a "#0x" position success state, a mono stats/urgency row, a 4-up bento grid (hover-lit borders) including a 2x2 grayscale member-registry card, a centered value-prop statement, a 2-col border-left testimonial grid, a massive serif CTA, and a pill-shaped floating mobile bottom nav that reveals after the hero; cubic-bezier(0.16,1,0.3,1) slide-up reveals throughout, fully offlineHTML, CSS, vanilla JS, DM Serif Display, Geist Mono, Inter
organic-intelligence-wave"Organic Intelligence" editorial-tech wave template rebuilt same-to-same from a superdesign reference — a warm cream #fcfbf9 / charcoal #171717 / indigo #4338ca palette on vendored Playfair Display (italic emphasis) + Inter + JetBrains Mono, a mix-blend-difference fixed header with a pulsing "System Online" pill, a 100vh hero with a 30s drifting indigo/purple blur-mesh and a giant serif "Design with intelligence" headline, a signature concave wave-curve bridge (120% width, border-radius 50% 50% 0 0) carrying a 3s-pulsing "Initialize" button, a staggered 2-column 4:3 work grid with scale(1.1) orb cards that lift on hover and reveal a View pill over scroll-drawn 1px lines, a sticky-split fluid Core Capabilities accordion with monospace [bracket] tags, and a dark 5rem-radius footer with a top-center radial indigo glow; cubic-bezier(0.22,1,0.36,1) easing throughout, fully self-contained offlineHTML, CSS, vanilla JS, Playfair Display, Inter, JetBrains Mono
premium/aceternity/agenforce-marketing-templatePixel-faithful clone of the Aceternity UI Pro "Agenforce" AI agent marketing template — a 4-page site (home, pricing, login, signup) on a clean white (#fff) palette with near-black (#0a0a0a) type, Manrope display headings and Inter body text; CSS 3D perspective transforms for layered hero dashboard screenshots and tilted feature cards, a @keyframes orbit animation revolving Slack/Meta/Instagram/Sheets brand icons around a central hub using per-icon CSS custom properties, mask-image gradients fading screenshots into the background, IntersectionObserver scroll-triggered logo fade-ins with blur, a typewriter character-by-character effect on the activity log, an FAQ accordion with max-height transitions, and a mobile sidebar drawer; two-tier pricing ($10/$60), role-based access avatar grids, a guardrail engine tag cloud, and a perspective-grid footer; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Manrope, Inter
premium/aceternity/agenlabs-agency-templatePixel-faithful clone of the Aceternity UI "Agenlabs Agency" template — a 5-page minimal agency website (home, work, packages, templates, blog) on a clean white palette with zinc/slate color tokens and purple-to-pink gradient text accents; a sticky nav with gradient-border Contact pill, hero with lightning-bolt SVG logo and gradient headline, animated glow CTA button, dual testimonial sections with circular avatars on grid backgrounds, 4-project portfolio showcase, 6-card services grid with mouse-tracking radial-gradient hover reveal, dark slate-800 CTA block, pricing page, templates page with tech tags, and 3-column blog grid; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/aceternity/ai-saas-templatePixel-faithful clone of Aceternity UI's "Every AI" AI SaaS Template — a 6-page multi-page marketing site for a fictional AI platform on a clean white/black dual-theme palette with Geist Sans typography; an animated column-beam grid hero, company logo strip, dual feature cards with chat UI mockups, an LLM timeline panel, an infinite tech-stack marquee, a 4-column developer feature grid, masonry testimonials, a join-waitlist CTA with giant gradient text, a 4-tier pricing table with monthly/yearly toggle and comparison matrix, a blog listing, a contact form, and auth pages (login/signup); full light/dark theme via CSS custom properties persisted in localStorage with a no-flash boot script, scroll-reactive navbar, mobile hamburger menu; Geist fonts and all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist
cryptgen-marketing-aceternityPixel-faithful clone of the Aceternity UI CryptGen Marketing template — a dark-themed, single-page crypto and fintech marketing website with a floating glassmorphic navbar with backdrop blur, an animated hero section, a bento-grid features layout with rotating icon orbit animation and conic-gradient glow borders, a social proof logo strip, testimonial cards, a three-tier pricing table, an FAQ accordion, and a multi-column footer; mobile menu, FAQ accordion, scroll-triggered fade-up animations via IntersectionObserver, smooth anchor scrolling, and a scroll-aware navbar in plain vanilla JavaScript; CSS custom properties (design tokens) and the vendored Inter fontHTML, CSS, vanilla JS, Inter
devpro-portfolio-templatePixel-faithful clone of Aceternity's "DevPro Portfolio Template" — a 6-page dark developer portfolio (home, about, projects, contributions, blogs, events) on a zinc-900 (#18181b) background with a cyan-500 (#06b6d4) accent and Inter typography; an inline pill navbar with avatar + "Tyler Durden" + nav links + gradient "Download CV" button, and a hamburger menu for mobile; a hero with large headline and cyan-highlighted phrase, a JS tab-switcher work experience section (Apple/Google/Microsoft/Netflix), a 3-col responsive project card grid (Algochurn, Aceternity, Tailwind Master Kit, Box Shadows, PlaceholderTech), a 9-card GitHub contributions grid with fork/star counts and a "Show More" toggle, a blog entry list, a timeline about page (2018–2023), and an events/talks page with YouTube thumbnails; scroll-to-top fixed button, all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
foxtrot-marketing-templateA pixel-faithful, self-contained clone of the Foxtrot SaaS Marketing Template by Aceternity UI — a clean, modern marketing site for a SaaS analytics product featuring a dark pill navbar, teal primary accent color (#00ABB3), grid pattern hero background, masonry testimonials, a three-tier pricing section, and a dark CTA banner; plain HTML, CSS custom properties, and vanilla JavaScript, no build step required, fully offline-capableHTML, CSS, vanilla JS
premium/aceternity/minimalist-portfolio-templatePixel-faithful clone of the Aceternity "Minimalist Portfolio Template" by Manu Arora — a 4-page developer portfolio (home, tweets masonry grid, inspiration curated list, blog with live search) on a warm stone (#fafaf9) canvas with Schibsted Grotesk typography, repeating-dot SVG underlines on nav links and inline links, colored gradient icon tiles for "Things I do" / "Companies" / "Work with me" sections, a settings-gear theme toggle (light/dark/system via localStorage, prefers-color-scheme, no-flash boot), client-side blog title search, and a static masonry column tweet grid; all colors driven through CSS custom properties for full light/dark mode support, assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Schibsted Grotesk
nodus-agent-templatePixel-faithful clone of the Aceternity "Nodus Agent" (Notus) AI agentic-workflow marketing template — a multi-page site (long home, pricing, about, careers, blog + 7 articles, contact, sign-up, sign-in, 3 legal routes) on a clean white/near-black neutral palette with a coral (#f17463) accent, Inter + DM Mono; a centered sticky nav with a localStorage-persisted light/dark theme toggle and no-flash boot, full light AND dark themes driven by CSS custom properties, dotted-grid decorative panels, connected-tools/native-integration diagrams, a Monthly/Yearly pricing toggle with a full comparison table, an accordion FAQ, testimonial + security bands, and a shared header/footer + "Connect your Current Stack" CTA; IntersectionObserver scroll reveals and vanilla-JS interactions, every logo/photo/illustration/dashboard image vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, DM Mono
playful-marketing-aceternityPixel-faithful clone of the Aceternity UI "Playful Marketing" template — a modern, five-page SaaS/marketing website aimed at interview recording and feedback management products, pairing a clean white background with a teal-green brand color (#25A18E), a subtle dot-grid background pattern, generously rounded sections (35px border radius), and teal gradient CTAs; vanilla HTML, CSS, and JavaScript, no framework, no build step, all assets vendored locallyHTML, CSS, vanilla JS
premium/nextjstemplates/ai-toolPixel-faithful clone of the "AI Tool" Next.js Templates SaaS landing page — an 18-page site (home, about, pricing, blog listing + 3 posts, docs, an AI-examples gallery + 6 interactive tool pages, sign-in, sign-up, error) on a deep-navy (rgb(3, 0, 20)) background with a vivid purple (#8646f4) accent and Plus Jakarta Sans type (weights 200–800), featuring a card hover glow that tracks the cursor via --mouse-x/--mouse-y CSS custom properties, an infinite horizontal testimonial marquee, a sticky glass-blur header, and IntersectionObserver scroll-triggered fade-ins; no build step, fully offlineHTML, CSS, vanilla JS, Plus Jakarta Sans
premium/nextjstemplates/doggystickersPixel-faithful clone of the Doggy Stickers Next.js e-commerce demo store by Bilal Tahir — a 13-page cartoon-sticker shop (catalog home, 11 product-detail pages sharing one template, cart page) with full light/dark theme support (header sun/moon toggle, localStorage-persisted, prefers-color-scheme-aware, no-flash boot script) on the Tailwind v2 "violet" palette (#5B21B6 primary, #4C1D95 hover, #DDD6FE light, #F5F3FF lighter, white/#111118 page background) and Josefin Sans headings over system-font body text; the home page renders an 11-card product grid (notched "$9.99" price-flag pills) client-side from a JS product-data array, each product page has a hero image with a thumbnail strip and left/right arrow navigation plus qty and size selectors and an "Add to cart" button, and the cart page has a quantity-stepper table with per-row remove and a "Check out →" CTA, all backed by a localStorage cart (add/update/remove/badge count) standing in for the original's private Shopify checkout; fonts and product photography vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Josefin Sans
premium/nextjstemplates/gostartupPixel-faithful clone of the NextJSTemplates "GoStartup" Next.js business boilerplate — a 19-page dark-mode-first SaaS marketing site (deep navy-black #0A0A0A background, #4A6CF7 indigo/blue accent, Inter body + Lexend headings) with a full light/dark theme toggle (data-theme attribute, localStorage-persisted, no-flash on load) shared across a sticky header (logo, nav, hover Pages dropdown, Sign In/Sign Up buttons, search icon, sun/moon toggle, hamburger menu) and a 4-column footer; the one-page home reproduces a hero with team photo, a 2x3 integrations icon grid, an About tab switcher (About Us/Our Mission/Our Vision), 3-up team cards with hover social icons, a filterable (All/brand/ecommerce) portfolio grid, a custom vanilla-JS testimonial carousel with pagination dots, a trusted-brands logo row, 3-tier pricing cards, a blog preview row, and a full contact form, plus a blog section (index + 6 post-detail articles with cover banners and prose bodies + a tag-filter page), a docs section (index + 5 sub-pages with sidebar nav), a support/contact page, sign-in/sign-up auth pages, and a 404 page; scroll-triggered fade+slide-up entrance reveals are driven by IntersectionObserver, all Inter/Lexend woff2 fonts and imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Lexend
premium/nextjstemplates/landing-template-nextuiPixel-faithful clone of the open-source "landing-template-nextui" SaaS/product landing page (Next.js + NextUI/HeroUI) — a single long-scroll page with a sticky navbar (logo, in-page anchor nav, a "Features" mega-menu dropdown with 5 icon+title+description items, Login, blue "Start Free Trial" pill, GitHub icon, light/dark theme toggle switch) collapsing on mobile into a full-screen overlay menu; the page reproduces a hero with email-capture form and browser-chrome mockup screenshot, a "trusted by" logo cloud, three alternating feature sections (icon-list+illustration, illustration+icon-list, 2x2 card grid), a testimonials stack of 3 quote cards, a stats strip, a 4-tier pricing grid (Free/Premium-highlighted/Startup/Enterprise), a static FAQ list, a final CTA band, and a multi-column footer; NextUI default theme tokens drive the palette (#0072F5 primary blue, #005FCC hover, #17C964 success green, white/black light-dark backgrounds) via CSS custom properties with localStorage persistence and a no-flash boot script honoring prefers-color-scheme, pill-shaped 9999px radii on buttons/inputs/switch, and press states (opacity 0.7, scale 0.97) on the dropdown trigger; Inter (vendored woff2) throughout, illustration extracted as a vendored local SVG, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/next-saas-starterPixel-faithful clone of the official Vercel/Next.js "SaaS Starter" marketing template (branded "Logoipsum"/"My SaaS Startup") — a 15-page marketing site (home, features, pricing, contact, blog index, 6 blog articles, privacy/cookies legal pages sharing one layout, a themed 404 that every footer placeholder link points to, and a byte-for-byte identical sign-up.html mirroring it since the source has no real sign-up route) on Poppins, with CSS-custom-property theme tokens (--primary: 22,115,255 brand blue, --secondary: 10,18,30 always-dark navy for hero/CTA/footer bands) swapped via body.next-light-theme/body.next-dark-theme and a no-flash boot script reading localStorage.nextColorMode; shared sticky header with a mobile slide-in drawer (cubic-bezier(0.82,0.085,0.395,0.895) easing) and a dark-navy footer CTA band with a curved SVG wave divider appear on every page, while page-specific interactions include a single-open FAQ accordion with animated height/chevron rotation on Pricing, a prev/next-and-dots testimonial carousel on Home, a 3×3 icon-card grid repeated on Home and Features, and a click-to-load YouTube facade (thumbnail swaps to a real autoplaying iframe) on Features; all fonts, illustrations, and images vendored locally, no build step, fully offline aside from the optional YouTube embedHTML, CSS, vanilla JS, Poppins
premium/nextjstemplates/next-startdPixel-faithful clone of the STARTD Next.js SaaS/startup landing page template by jkytoela — a single-page site on Inter (vendored variable woff2) with a white canvas, indigo #4f46e5 primary accent, and soft gray gradient panels, covering nav with mobile hamburger, a hero with SVG illustration and "watch the video" play button overlay, a logo strip, a numbered 3-step "Transform Your Business" list, a 6-card bordered feature grid, a dark navy #111827 case-studies band with an animated canvas particle-dot field (~400 drifting/pulsing dots), a 2-item testimonial carousel with prev/next arrows disabled at the ends, a pricing/CTA panel ($99/mo), and a footer newsletter form; adds a light/dark theme toggle (not in the original) that swaps CSS custom properties and persists via localStorage, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/nextadminPixel-faithful clone of the NextAdmin Next.js admin dashboard kit — a 51-page application (eCommerce/Analytics/Marketing/CRM/Stocks dashboards, Calendar, Profile, Manage Team, Tasks List/Kanban, 4 form variants, 3 table variants, a 7-page Pages group, Messages/Inbox/Invoice, 2 charts pages, an 18-page UI-elements showcase, Coming Soon/Under Maintenance, and Sign In/Sign Up) sharing a sticky accordion sidebar and sticky top header across in-app pages, with standalone split-screen auth/utility layouts; #5750F1 indigo primary on a Gray-2 #F7F9FC/white light theme and #020D1A dark theme toggled via a sun/moon button and persisted to localStorage respecting prefers-color-scheme, Satoshi self-hosted WOFF2 (weights 300-900) typography, ApexCharts pre-rendered as inline SVG for area/bar/donut charts; all fonts, icons, and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind CSS v4, Satoshi, ApexCharts
premium/nextjstemplates/notion-blogPixel-faithful clone of the Notion Blog template — the Next.js + Notion-CMS demo site built by Vercel engineer JJ Kasper — a minimal 3-page site (home feature overview, /blog post index, /contact author page) sharing a centered nav, system sans-serif type at a 20px base with an 800-weight/-0.05rem-tracked H1, a fixed double-layer radial-gradient polka-dot background (#ddd dots on 50px grid), Vercel-blue (#0070f3, hover #3291ff) active links and CTAs, and a "Deploy to Vercel" button footer; the home page reproduces the Vercel+Notion logo lockup and an 8-icon feature grid (Blazing fast, JAMstack based, Always available, Customizable, Incremental SSG, MIT Licensed, Edit via Notion, Great scores) as inline SVGs, the contact page reproduces the author avatar and a 4-icon social row (Twitter/GitHub/LinkedIn/email); supports light/dark mode via CSS custom properties switched by prefers-color-scheme and a localStorage-backed data-theme attribute with a no-flash inline init script; plain HTML/CSS/JS, no build step, fully offlineHTML, CSS, vanilla JS, system font stack, inline SVG
premium/nextjstemplates/playPixel-faithful clone of the "Play" Next.js SaaS starter kit and boilerplate marketing template by GrayGrids / Next.js Templates — an 11-page site (long-form home, About, Pricing, Contact, Blog grid, three blog-detail articles, Sign In, Sign Up, 404-style Error) on Inter typography with a #3758F9 primary blue over dark-navy #090E34 surfaces, sharing a header (logo, nav with a "Pages" dropdown, dark-mode toggle, Sign In/Sign Up) and dark-navy footer across every page; features a light/dark theme toggle persisted via a dark class on html with a no-flash boot script honoring prefers-color-scheme, a header that turns from transparent-over-hero to sticky-with-shadow on scroll, a slide/fade "Pages" nav dropdown and mobile hamburger drawer, a 6-item FAQ accordion with rotating chevron, 3-tier pricing cards (Premium highlighted), star-rated testimonials, a 4-card team grid, and scroll-reveal entrance animations; Inter (woff2, weights 300-800) and all images/icons vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/plutoniumPixel-faithful clone of the open-source "Plutonium" Next.js 11 + TailwindCSS 2 startup landing template by Saurish Srivastava — a 2-page site (home, plus the template's original easter-egg "demo" page that reuses Next.js's 404 route) on the Tailwind system-sans font stack with white/#000000 light/dark backgrounds, pink-purple-indigo and rose-fuchsia-indigo gradient headlines, and a #F81CE5 text-selection color; a sticky frosted-glass (backdrop-filter: saturate(180%) blur(20px)) nav with mobile hamburger reveal and a class-based, system-preference-aware, no-flash dark-mode toggle persisted to localStorage are shared across pages; the home page reproduces a gradient hero with a hover-scaling photo, a grayscale-to-color 4-up sponsor logo grid, a 4-card Features grid (Next.js 11/TailwindCSS JIT/Dark Mode/Next-SEO) with hover-scaling images, and a 3-tier Pricing grid with a rose-bordered highlighted "Freelancer" plan; the 404/demo page carries large "404" digits, an explanatory paragraph, and a "Return Home" button; images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/nextjstemplates/react-portfolioPixel-faithful clone of Chetan Verma's React Portfolio Template — a minimalist, typography-forward personal site on the Hind typeface, black-on-white (light) / white-on-black (dark) with a pink-purple radial gradient (#f86bdf → rgba(107,107,248,.8)) decorating the top and bottom of every page; a sticky/fixed nav with scroll-to-section links and a mobile hamburger popover, a custom 30x30px SVG circle cursor that tracks the mouse on fine-pointer devices, and a sun-icon theme toggle persisted to localStorage and applied pre-paint to avoid flash are shared across all six pages. The home page stacks a four-line hero, a GitHub/LinkedIn/Twitter/Blog/email social row, a 2-column Work grid of 6 projects with 600px cover images that scale 1.1x on hover, a 2-column Services grid (Art Direction, Branding, Web Design, 3D Design) with slate hover highlight + scale(1.05), an About paragraph, and a Contact section with a schedule-a-call button; plus a blog listing with a responsive 3/2/1-column grid of 3 post cards, three individual blog-post pages with a full-width hero image and a styled markdown body (headings, lists, blockquote, code, images), and a resume page with a centered card, experience/education entries, and a 3-column skills grid; Hind woff2 weights and all project/blog imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Hind
premium/nextjstemplates/saas-uiPixel-faithful clone of the Saas UI Next.js landing page for the Saas UI React/Chakra component library — a dark-by-default (#171a1d background, white text) marketing site on the Inter variable font, with a purple (#3b1676→#8952e0) / teal-cyan (#135567→#2ab4d9) accent ramp powering the logo mark and a two-stop gradient announcement banner, plus a separate darker gradient wash (swapping to a lavender-to-cyan wash in light mode) behind the hero, pricing, and auth pages; a 3-page site (home with anchor sections, login, signup) sharing a header (logo, nav, theme-toggle sun/moon button, mobile hamburger dropdown) and footer, with the home page reproducing a hero with a dashboard-mockup screenshot, a 4-item feature strip, a two-panel "Core components" section with a copy-to-clipboard yarn add code chip, a testimonial-quote + tag-cloud panel, a 3x3 feature icon grid, a 3-card testimonials row, a 3-tier pricing grid (Open Source/Bootstrap/Startup), and a 2x2 static FAQ grid; login is a centered auth card and signup is a two-column split with a feature checklist; a working light/dark theme toggle (CSS custom properties + data-theme attribute, localStorage-persisted, no-flash boot script) recolors every page instantly; font and all images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/sandocsPixel-faithful clone of the "Sandocs" Next.js + Tailwind documentation-site template by Web3Templates — a 21-page site (one marketing landing page plus 20 /docs/... pages spanning Getting Started, Configuration, Plugins, and API Reference) on a white canvas with a violet accent (#754ffe logo badge, Tailwind violet-500/violet-600 buttons and links) and Inter type; the landing page has a hero with a copy-to-clipboard npm install -g sandocs CLI pill, a 3-up feature row, a syntax-highlighted code-window mockup card, a 6-card "Features You'll Love" grid, a 5-logo sponsor row (React/Next.js/Tailwind/Sanity/Vercel), and a fixed bottom-right "Pro Version" badge; every docs page shares a sticky left sidebar nav (active-item highlight, mobile drawer), a markdown-style prose content column with prev/next footer nav, and a sticky right "On This Page" rail with scroll-spy heading highlighting; the clone adds a light/dark theme toggle absent from the source, driven by CSS custom properties with localStorage persistence and a no-flash boot script; Inter font and all imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/solidPixel-faithful clone of the Next.js Templates "Solid" SaaS marketing site — an 8-page template (home, blog grid, blog detail, docs, sign-in, sign-up, support, 404) sharing a sticky header with animated .bg-lines (3s/6s/9s CSS keyframes), a moon/sun dark-mode toggle persisted to localStorage via a no-flash inline pre-paint script (only the sign-in/sign-up/support/404 pages also check prefers-color-scheme; the rest default to light), and a 4-column newsletter footer; Inter typography on a #006BFF primary blue with #181C31 dark backgrounds, #20C5A8 teal accents, and pill/rounded design tokens; the home page reproduces a two-column hero with dashboard screenshot, a scrolling brand-logo strip, a features grid, a gradient CTA band, a three-tier pricing table (Free/Medium/Large), and a Swiper.js testimonials carousel loaded from jsDelivr CDN, while blog-details adds a search/categories sidebar and social-share/tag row, docs adds a sidebar nav, and auth pages add social sign-in buttons; IntersectionObserver-driven .animate-reveal scroll reveals throughout; images are vendored locally but Inter loads from the Google Fonts CDN on every page except the font-link-less home page, so it isn't fully offlineHTML, CSS, vanilla JS, Inter, Swiper.js
premium/nextjstemplates/stabloPixel-faithful clone of the Stablo minimal blog template by Web3Templates — a typography-forward, 5-page site (home, about, contact, archive, post) with a centered max-w-screen-lg container, a light/dark/system theme toggle (bottom-right select, localStorage-persisted, no-flash inline init script, swapping light/dark SVG script-wordmark logos), and category-colored post labels (Technology/Design #2563EB, Lifestyle #DB2777, Travel #0D9488, Personal Growth #9333EA) on Inter typography; the home page has a 2-column featured post grid plus a 3-column 12-card secondary grid (14 posts total) with 1.05-scale image hover transitions, archive shows 6 posts in a 3-column grid with Previous/Next pagination, about has a bottom-aligned 3-photo team row with a taller center portrait, contact splits into an info column and a black-button form, and post pages carry a full-width featured image, long-form article body, and an author bio card; light palette #FFFFFF bg / #1F2937 text, dark palette #000000 bg / #F9FAFB text, no build stepHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/startup-nextjsPixel-faithful clone of the NextJSTemplates/Uideck "Startup" Next.js + Tailwind SaaS/business landing template — a dark-by-default (light-mode toggleable) site on vendored Inter variable fonts with a #4A6CF7 blue/indigo primary accent, translucent white card surfaces over a near-black rgb(18,23,35) body, and decorative blurred spheres + wireframe polygon shapes; a shared header (absolute/transparent over the home hero, sticky/opaque with shadow on scroll, animated hamburger-to-X mobile toggle, "Pages" dropdown) and footer (social icons, three link columns, blurred sphere graphic) run across all 9 pages — home (hero CTAs, brand strip, 6-card "Main Features" grid, video/image feature block, checklist split section, 3-row feature highlights, 3-card testimonial grid, monthly/yearly pricing toggle with 3 plan cards, blog preview grid, ticket + newsletter CTA panels), about, blog grid with pagination, blog details, blog details with sidebar (search, related posts, popular category/tags, newsletter card), contact/support, sign in, sign up (both with OAuth buttons), and a 404/error page with numeral art; theme toggle persists via localStorage with a no-flash boot script honoring prefers-color-scheme, all fonts/images/icons vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/startup-proPixel-faithful clone of the Next.js Templates "Startup Pro" SaaS landing page template — a 9-page site (two distinct home variants, About, blog grid, blog list, blog detail article, Pricing, FAQ, Contact) on Inter typography with a #4A6CF7 blue accent, sharing a sticky header with a Home dropdown and a full footer across pages; light mode runs #FCFCFC backgrounds while dark mode (persisted via localStorage, no-flash inline boot script) swaps to #040A22/#1D2144 navy through CSS custom properties; the homes reproduce animated CSS-keyframe gradient blobs behind the hero, a "Trusted by" brand-logo strip, a 6-card feature grid, testimonials cards, 3-tier pricing (Basic/Premium/Business), a Google Maps contact section, and a newsletter banner, while Pricing adds a monthly/annual billing toggle, FAQ a collapsible accordion, About a team grid, and the blog pages a search/categories/tags sidebar; all imagery vendored locally under assets/, Inter loaded via Google Fonts CDN, no build stepHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/tailwind-nextjs-starter-blogPixel-faithful clone of the Tailwind Next.js Starter Blog by timlrx — a 20-page site (home with 5 latest posts, full blog listing with a tag-count sidebar and client-side search filter, an all-tags grid, a projects showcase with 2 cards, an about/bio page, 5 blog-post articles, and 10 individual tag archive pages) on Space Grotesk typography and a rose/pink accent (#E11D48 light / #FB7185 dark) loaded via a single stylesheet with a Google Fonts @import; shared chrome across every page (flame-icon logo header, search/theme-toggle/hamburger icons, full-screen mobile nav overlay, social-icon footer), a no-flash inline-script dark-mode toggle persisted to localStorage, post pages with a left author-avatar sidebar and a right tags/prev-next sidebar, language-tagged <pre><code> blocks with hover copy-to-clipboard buttons, and a scroll-to-top button; no build step, single shared styles.css/main.js across all pagesHTML, CSS, vanilla JS, Space Grotesk
premium/nextjstemplates/tx-shadcnPixel-faithful clone of Taxonomy, shadcn's official Next.js 13 demo app — a 12-page marketing-plus-docs site (home, blog index, a blog post, pricing, guides, a 5-page docs section with sticky sidebar and Shiki-style syntax-highlighted code blocks, login, and a two-column register page with a quote panel) built on a minimal black-and-white HSL-variable design system (light bg hsl(0,0%,100%)/dark bg hsl(224,71%,4%)) with CalSans-SemiBold display headings and Inter body text, 0.5rem-radius border-based cards, a shared marketing header/footer, and a dark/light theme toggle that detects prefers-color-scheme and persists via localStorage; CalSans is vendored locally as woff2 while Inter loads from Google Fonts, no build stepHTML, CSS, vanilla JS, CalSans, Inter
premium/nextjstemplates/unft-marketplacePixel-faithful clone of the Cosmic CMS "uNFT Marketplace" Next.js + Stripe digital-art storefront demo — a light/dark themed site (indigo #4437ff accent, green #45b26b price tags, deep-indigo #1a10b1 footer in light mode) on vendored Poppins + DM Sans, driven entirely by CSS custom properties with a no-flash boot script and localStorage-persisted toggle; shared chrome (announcement bar, header with prism logo and mobile drawer, footer, and a site-wide "Authentication with Cosmic" modal) is injected via assets/js/chrome.js into [data-mount] placeholders across a 54-page site — the home page (hero, prev/next "Hot bid" carousel, 3-up "Hot collections" mosaic tiles, featured-item spotlight panel, illustrated introduction banner, avatar reviews strip, filterable "Discover" grid), an About page, a Search page (keyword/color/price sidebar plus category chips), a gated Upload-details/create-item page that loads with the auth modal open by default, and 50 product-detail pages — one per catalog listing — all rendered from a single template plus a vendored assets/data/catalog.js dataset; product cards fade in a "Quick view" overlay on hover, category chips (Sale/Special offer/Cosmos/Artwork) client-side filter the grid, no build step, fully offlineHTML, CSS, vanilla JS, Poppins, DM Sans
premium/themefisher/andromeda-light-nextjsPixel-faithful clone of Themefisher's "Andromeda Light" SaaS / app landing page template — a 6-page static site (home with hero/brands-marquee/video-popup/3 feature sections/8 testimonials/CTA, about with counters and team cards, blog with 6-post grid and pagination, contact with info cards and form, elements UI showcase, terms & conditions) on a clean white palette with warm orange (#fe6019) accents, Poppins typography, sticky header with dropdown nav, decorative circle motifs, scroll-entrance animations via IntersectionObserver, brands marquee, gradient video-section card, 2×4 testimonial grid, and a 4-column dark footer; real images sourced from the original GitHub repository, no build step, fully offlineHTML, CSS, vanilla JS, Poppins
premium/themefisher/andromeda-nextjsPixel-faithful clone of the ThemeFisher "Andromeda" Next.js SaaS landing template — a clean white page on Poppins (Google Fonts CDN) with an orange (#FE6019) primary accent, decorative floating opacity-graded circles, dashed SVG hero curves, and IntersectionObserver-driven fade-up entrance reveals (AOS-style, 400ms ease) throughout; a fixed shadow-on-scroll navbar with a Pages dropdown, mobile hamburger, and 4-column footer appear on 12 of 13 pages — shared via a components.js placeholder-injection script on 9 interior pages, duplicated inline on home and about — while Sign In/Sign Up carry neither; the 13-page set covers a hero + CSS-marquee brand strip (grayscale-to-color on hover, pause-on-hover), a 3-card features grid with hover-lift and alternating image/text detail blocks, a YouTube-modal video section, a dark testimonials band, and a CTA on the home page, plus About, How It Works, Blog (2-col grid + pagination), Careers, Case Studies (hover-overlay cards), Pricing (monthly/annual cubic-bezier toggle, 3 tiers with a featured solid-orange "Team" plan), split-panel Sign In/Sign Up (no shared nav/footer), Elements style-guide, Changelog timeline, Terms and Conditions, and a Contact form; automatic dark mode via prefers-color-scheme and CSS custom properties; all imagery vendored locally, no build stepHTML, CSS, vanilla JS, Poppins
premium/themefisher/bigspring-nextjsPixel-faithful clone of the Themefisher "Bigspring" Next.js SaaS/CRM marketing template — a 36-page static site with a white base, mint/pale-teal (#edf6f5) section bands, a solid teal (#0aa8a7) accent, hand-drawn "undraw"-style illustrations, Urbanist headings over Poppins body copy (both vendored as local .ttf), and a real light/dark toggle (Tailwind .dark class, animated sun/moon SVG, pre-paint boot script honoring prefers-color-scheme and persisting to localStorage); shared mega-menu header (Company/Products/Blog/Pages dropdowns, "Get Demo" pill CTA, sticky) and footer chrome span Home, About, Team, How It Works, Careers, Products index + 4 product detail pages, Blog index + paginated page 2 + 8 post templates, Authors index + 2 author detail pages, Case Studies index + 6 client case studies (Google, Iconsquare, Jira, Slack, Spotify, Trello), 3-tier Pricing with FAQ accordion, standalone FAQ, Contact, Terms, Privacy, and a custom 404; Swiper-powered testimonial/logo carousels with pagination dots and a max-height-transition FAQ accordion round out the interactions, all fonts/images/JS vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Urbanist, Poppins, Swiper
premium/themefisher/clarityPixel-faithful clone of the ThemeFisher "Clarity" Next.js SaaS/security marketing template — a clean white-background page with a purple (#a97eff) primary accent, Satoshi body text and Clash Grotesk headings (both vendored as self-hosted variable WOFF2), built across 14 pages (home, features, pricing, about, contact, blog, blog post, FAQ, integrations, case studies, careers, changelog, privacy policy, 404) sharing a fixed navbar with mega "Pages" dropdown and mobile hamburger menu plus a common footer; the home page reproduces an animated SVG hero background, an infinite scrolling brand-logo marquee, a numbered "how it works" section, feature-highlight icon cards, a monthly/yearly pricing toggle across Basic/Professional/Enterprise plans, a customer-reviews carousel, and a CTA band, while the pricing and FAQ pages add an accordion; scroll entrance reveals (IntersectionObserver-driven) and the testimonial carousel are hand-rolled vanilla JS rather than vendored AOS/Swiper libraries; all fonts, images, and icons are vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Satoshi, Clash Grotesk
premium/themefisher/cleaner-nextjsPixel-faithful clone of the Themefisher "Cleaner" Next.js cleaning-service marketing template — an 18-page site (home, about, services listing + 4 detail pages, gallery, blog listing + 6 posts, contact, appointment, elements style-guide) on Rubik typography with an indigo (#443dfc) primary, yellow (#fed00e) secondary, and neon-green (#38ff64) accent palette; shared chrome is a primary-color announcement bar ("Call Us: +1 071 281 9795"), sticky header with mobile hamburger menu, and dark footer, with IntersectionObserver-driven AOS-style fade-up/left/right/zoom scroll reveals (data-aos delays), hover-lift cards, FAQ/elements-page accordions, an elements-page tab switcher, and a light/dark theme toggle (localStorage + prefers-color-scheme, no-flash boot snippet) added since the source has no dark mode; Rubik woff/ttf, all hero/service/blog/team images, and icons vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Rubik
premium/themefisher/cloudpeak-nextjsPixel-faithful clone of Themefisher's "CloudPeak" Next.js SaaS/fintech marketing template — a 32-page site (home, features, pricing with monthly/yearly toggle and full plan-comparison table, about, integration, changelog, contact, book a free demo, elements kitchen-sink page, blog index with 8 post pages and 4 category filters, case studies index with 6 case pages, privacy policy, terms & conditions, and a custom 404) on a dark, deep-navy (#05071a) canvas with an electric-blue primary accent (#376aed), a green secondary accent (#47cc88), and Sora typography throughout; radial glow-blur background decorations, AOS-style scroll-entrance fade/slide-up reveals, a click-to-expand FAQ accordion, a checkbox-driven mobile nav, and a light/dark theme toggle (CSS custom properties, localStorage-persisted, prefers-color-scheme-aware) added for this clone since the source only ships dark mode; Sora and all imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Sora
premium/themefisher/copper-nextjsPixel-faithful clone of Themefisher's "Copper NextJS" SaaS/business marketing template — a 12-page site (home, about, services, pricing, contact, team, blog, blog post, FAQ, career, how it works, testimonials) on a light canvas with a red-pink primary (#FF3158), amber secondary (#FFBB33), and teal tertiary (#1E858B) accent palette and Quicksand typography throughout; a sticky transparent header with mobile hamburger and dropdown nav, a marquee brand-logo carousel, feature tabs, FAQ accordions, a monthly/annual pricing toggle, IntersectionObserver scroll-entrance animations, and decorative brushstroke SVG dividers between sections; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Quicksand
premium/themefisher/darkrise-nextjsPixel-faithful clone of Themefisher's "Darkrise" Next.js analytics/SaaS marketing template — a 29-page site on a near-black palette (#000000 body, #070707/#0b0b0c panels, #2c2c2c borders) with a cobalt-blue #2d57ee accent, blue-to-pink gradient glow art behind hero/CTA sections, and Figtree typography throughout; a shared header (logo, "All Pages" mega-menu, Get This Template pill CTA, mobile hamburger) and footer wrap every page, plus a light/dark toggle (localStorage-persisted, defaulting to dark like the source) added since the source ships dark-only; the home page pairs a gradient hero and floating browser-window dashboard mockup (Monthly Sales/Revenue Summary/Real-time stat cards) with a logo marquee, three stacked data-band feature sections, a 6-card feature grid, a 100+-tool integration logo marquee, and a testimonials section plus final CTA; Elements, About, Feature, Changelog, Contact, Terms, and Privacy round out the page set alongside a Pricing page with an animated Monthly/Yearly toggle, three plan cards (Basic/Standard/Pro), and a grouped feature-comparison table, a paginated Blog index with 8 post templates, an Integrations index with 9 detail-page variants (Intercom, Hubspot ×2, Kickstarter, Mailchimp, Shopify ×2, Slack, Zapier), and a custom 404; AOS-style [data-aos] scroll-entrance reveals fire via IntersectionObserver, marquee/rotate/border-animation keyframes are ported from the source stylesheet, and Figtree woff2 fonts plus all imagery are vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Figtree
premium/themefisher/glastoPixel-faithful clone of Themefisher's "Glasto" Next.js SaaS & startup template for a social-media platform ("SocialSync") — a light-mode-first design with a bold blue (#3a7dff) primary against deep navy (#161c52) dark sections, slate-grey (#484a61) body copy, and Onest typography (loaded via Google Fonts CDN import), spanning 16 pages (home, elements showcase, company, pricing, integration, case studies index + detail, contact, request-a-demo, changelog, blog index + post, reviews, privacy policy, terms, 404) that share a dismissable localStorage-persisted announcement bar, a sticky header with a 3-column "All Pages" mega-dropdown and checkbox-hack mobile menu, and a 4-column dark footer; the home page alone stacks a gradient hero with floating dashboard screenshots, an infinite-scroll partner-logo marquee, feature grids, a scrolling stats strip, feature tabs, a details/summary FAQ accordion, and a testimonials carousel, while pricing adds a monthly/yearly toggle and comparison table; interactions are driven by vanilla JS (sticky header, mega-dropdown, pricing toggle, tabs, FAQ, a hand-rolled data-aos scroll-reveal script) plus the Swiper.js carousel library loaded from jsDelivr, with all imagery/icons vendored locally under assets/ but fonts and Swiper fetched from CDN at runtimeHTML, CSS, vanilla JS, Onest, Swiper.js
premium/themefisher/hyperbit-nextjsPixel-faithful clone of the Themefisher "Hyperbit" Next.js digital-agency template — an 8-page site (home, about, services, work + work-detail, contact, blog + blog-detail) on a light-gray (#f5f5f5) body with a dark-gradient CTA button (translate-Y hover slide), colorful blurred gradient blobs (purple/orange/yellow) behind a grid-overlay hero, and CSS custom-property design tokens for a red/purple/orange/yellow palette plus multi-stop brand gradients; Inter (300–600) handles UI/body copy with Instrument Serif italic for decorative heading emphasis, a sticky header gains a background on scroll, dropdown nav menus fade/slide in, an auto-advancing testimonials carousel, an icon-rotating FAQ accordion with max-height panel transitions, a continuous marquee of six client logos, a two-tier pricing section, and IntersectionObserver-driven scroll-reveal entrance animations throughout; fonts are vendored locally via @font-face while Lenis smooth-scroll loads from a CDN, no build step, fully offline aside from that one scriptHTML, CSS, vanilla JS, Inter, Instrument Serif, Lenis
premium/themefisher/kindora-nextjsPixel-faithful clone of Themefisher's "Kindora" charity & non-profit marketing template — a 9-page site (home, about, programs, blog, teams, reviews, contact, donation, 404) on a white canvas with a warm coral primary (#FB8E6D), bright green (#52DB83) and golden yellow (#FFC700) accents, near-black (#040404) headings, and Urbanist typography; a header that reveals a blurred background past 80px scroll, hamburger mobile menu, "Pages" nav dropdown, CSS-only infinite brand-logo marquee, color-cycling progress-bar cause cards, a Swiper "How You Can Help" carousel, a 5-star testimonials grid, an FAQ accordion, and a donation page with preset/custom amount picker; AOS scroll-entrance animations throughout; CSS, JS, and images vendored locally, Google Fonts/AOS/Swiper loaded from CDN, no build stepHTML, CSS, vanilla JS, AOS, Swiper, Urbanist
premium/themefisher/mobitPixel-faithful clone of Themefisher's "Mobit" Next.js fintech/payments-app marketing template — a 25-page site (home with hero phone mockup, stats strip, icon feature grid, alternating feature rows, dark integrations card with 19 partner logos, auto-scrolling testimonials marquee, monthly/yearly pricing toggle across 3 plans, and FAQ accordion; features; pricing; reviews with a 12-card grid; contact form; a 3-page paginated blog index; 13 individual blog post pages; a kitchen-sink elements style-guide page with headings, code blocks, notice callouts, tabs, table, accordion, and video players; privacy policy; terms; 404) on a clean, light, warm-beige (#f3efe7 hero) canvas with a near-black (#121212) primary and indigo (#5a45fe) secondary accent, Figtree type; a top announcement bar, sticky header with a hover-opening "All Pages" dropdown and CSS-checkbox mobile hamburger (no JS), a dark footer with newsletter signup, and a repeated "Build Beautiful Website" CTA band with animated nested concentric circles above the footer on every page; scroll-reveal via the real vendored AOS 2.3.4 library (fade-up/fade-up-sm with staggered delays), pill buttons with slide-out/slide-in arrow-icon hover, and click-to-expand accordions animating height via inline-style transitions; Figtree variable font, AOS, and all images/icons vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Figtree, AOS
premium/themefisher/neonspark-nextjsPixel-faithful clone of Themefisher's "NeonSpark" Next.js dark-theme digital agency/SaaS marketing template — a 15-page site (home, about, blog, blog post, career, contact, elements showcase, FAQ, pricing, privacy policy, services, service detail, teams, terms, work) on an all-black #0c0c0c body with Epilogue (Google Fonts, weights 400/500/600/700, upright+italic mix), a pill-shaped fixed/backdrop-blur navbar, a hero-light glow orb, a rotating conic-gradient CTA-banner border (rotateBorder), a continuous logo marquee ticker, IntersectionObserver scroll-reveal entrances, and count-up stat counters; footer carries a giant ghosted "NEONSPARK" watermark; plain HTML/CSS/vanilla JS with no external UI libraries, no build step, fully offlineHTML, CSS, vanilla JS, Epilogue
premium/themefisher/optimize-nextjsPixel-faithful clone of Themefisher's "Optimize" Next.js HR-management SaaS marketing template — a light-theme, rounded card-heavy bento-grid site in Outfit (headlines) over Inter (body), deep forest-green (#063b26) CTA blocks against lime (#cfff91), yellow (#fdeb69), and peach (#fcc091) accent panels, with a shared header (logo, pure-CSS "All Pages" dropdown, morphing-hamburger mobile menu) and dark-green CTA footer across all pages; 13 unique page templates — home (hero bento cards, feature grid, pricing tiers, testimonial CTA), about, features (dark bento showcase, 3 full-bleed color panels, FAQ accordion), pricing (3-tier cards, FAQ, stats band), integrations, changelog timeline, contact, book-demo, a blog index (featured-post hero card, category-tagged post grid), a shared blog-post template reused across 13 posts, privacy-policy, terms, and a reproduced 404 — plus AOS-ported staggered fade-up/zoom scroll animations, a testimonial quote panel, and FAQ accordions; fonts, images, and icons vendored locally, no build step, fully offline, with an added CSS-token dark-mode layer on top of the source's light-only themeHTML, CSS, vanilla JS, Outfit, Inter, AOS
premium/themefisher/relux-nextjsPixel-faithful clone of Themefisher's "Relux" luxury hotel marketing template — a 17-page site (home, rooms listing, 5 room detail pages, about, cafe & juice, blog listing, 5 blog posts, contact, privacy policy) on a warm-cream (#f9f3f0) canvas with a gold primary (#e5a63f) and deep-navy secondary (#051c56), uppercase Namdhinggo display headings paired with Red Rose body type; a full-screen parallax hero (background-attachment: fixed) with badge/border aside panels, a sticky/scrolled header with checkbox-driven hamburger nav overlay, an about-image triptych with a stats row, horizontal room cards, a testimonials slider with prev/next controls, a room-image gallery lightbox, a dark-navy blog/events band, a 3-column photo gallery, a newsletter signup, and a brands strip (Booking.com, Expedia, TripAdvisor); IntersectionObserver fade-up/down/left/right scroll-reveal animations, arrow slide-in button hovers, image-zoom hover on room/blog/gallery cards, and a back-to-top button; all images and fonts vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Namdhinggo, Red Rose
premium/themefisher/seoptic-nextjsPixel-faithful clone of Themefisher's "Seoptic" SEO analytics SaaS marketing template — a 16-page site (home, pricing, integrations, features, about, our-team, blog, careers, changelogs, faq, contact, authors, elements, privacy-policy, terms-of-service, 404) on a white/off-white canvas with a vibrant orange primary (#ff5a03), yellow secondary (#ffd350), and pink tertiary (#ff4ec5) accent palette, Inter body and Inter Tight headings; a sticky header with a Pages dropdown and mobile hamburger menu, a large gradient-bg footer with a webp background image and 4-column grid, page-hero breadcrumb sections, a pricing monthly/annual toggle, FAQ accordion (.faq-item/.faq-question/.faq-answer pattern), integration cards with SVG logos, blog archive grid, team/author profile cards, changelogs timeline, careers listing with benefit icons, long-form legal pages, a minimal 404, and a UI elements showcase; AOS-style data-aos="fade-up" scroll animations, animated gradient border cards, CSS custom-property design tokens; all fonts via Google Fonts CDN, all images (dashboard screenshots, blog thumbnails, team photos, integration SVGs) vendored locally under assets/, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Inter Tight
premium/themefisher/spydea-nextjsPixel-faithful clone of Themefisher's "Spydea" SaaS document-management marketing template — a 5-page site (home with hero/brands-marquee/feature-tabs/integrations/testimonials/stats/pricing-preview/blog-preview/CTA, about with mission-vision/stats/8-person team grid, pricing with 3-tier cards and monthly/annual toggle and FAQ accordion, contact with info cards and form, blog with 6-article grid) on a white canvas with a black-and-white base palette and colorful accents (mint green #73CFA8, salmon #FB9289, yellow #FDE077, blue #73B1FF), Maven Pro headings + Merriweather body via Google Fonts; a sticky header with scroll-shrink and announcement bar, mobile hamburger menu with dropdown navigation, AOS scroll-triggered animations throughout, infinite-scrolling brand logos marquee, decorative vertical dashed-line grid background, and diagonal section dividers via CSS clip-path; all images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, AOS, Maven Pro, Merriweather
proactiv-marketing-templatePixel-faithful clone of the Aceternity UI "Proactiv Marketing Template" — a 6-page dark-themed SaaS marketing site (home, features, pricing, blog, contact, register) on a near-black #08090a canvas with a cyan #39c3ef accent and Inter typeface; a fixed floating nav, a radial spotlight hero with dashboard screenshot, infinite dual-row marquee testimonials, 5-tab feature panel with image switch, monthly/yearly pricing toggle with conic-gradient featured card, FAQ accordion, contact form, and a GitHub/Google OAuth register page; all animations ported from the original (IntersectionObserver scroll reveals, CSS marquee, @keyframes meteor shower); all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
productized-agency-templatePixel-faithful clone of Aceternity's "Productized Agency" template — an 11-page marketing site (long home, work, products, pricing, blog index + 6 articles) for a fictional design/dev studio, on a warm bone (#F0EFEC) palette with a signature yellow (#FFCC00) accent, dusty-green checks, Inter + DM Mono, and a dark glowing-arc "Aceternity" hero; sticky "Chat with Alex" nav and a dark "Make Your Website a Sales Machine" footer with a giant Aceternity watermark are shared across every page; a logo marquee, bento feature grids, an "Aceternity VS Traditional Service Providers" comparison table, testimonial carousels, tabbed pricing cards, and a CSS-keyframe FAQ accordion are reproduced from the original Tailwind v4 markup, with Framer-Motion entrances replaced by IntersectionObserver reveals; fonts + images vendored locally, fully offlineHTML, CSS, vanilla JS, Inter, DM Mono
premium/aceternity/schedule-marketing-templatePixel-faithful clone of Aceternity UI's "Schedule Marketing Template" — a two-page scheduling software marketing site for the fictional "shape.ai" brand on a warm cream-to-orange gradient hero canvas with Inter; a frosted-glass floating pill navbar (backdrop-blur, glass-morphism), hero with large 800-weight heading + orange "Scheduling" highlight + phone mockup with schedule app UI, a logo cloud ("Trusted by Industry Leaders"), a 99.99% uptime reliability section with an orange calendar card, a 5-card bento features grid (Record Calls / Smart Scheduling / AI Summaries wide-card / Calendar Sync / Multi-Platform), an AI Integration chat-bubble visualization, a 3-tier pricing table (Hobby $0 / Good $29 dark highlighted card / Enterprise $99) with feature checklists, an infinite marquee testimonials row, a click-to-open FAQ accordion, a floating-icon CTA banner, and a 4-column footer; blog.html with featured post hero + 6-card grid and tag filter buttons; dark mode via CSS custom properties, hover states and animations (marquee, float, fadeSlideIn); avatars and company logos vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/aceternity/minimal-portfolio-templatePixel-faithful clone of Aceternity's "Minimal Portfolio Template" — a neutral, typography-first 12-page personal portfolio and blog for a software engineer persona (home, about, projects, blog index, 7 blog post details, contact) with a floating circular avatar top-left and a floating pill nav top-right; light/dark mode via CSS custom properties, persisted to localStorage and applied pre-paint to avoid a flash of the wrong theme; home page hero, project preview grid, recent-posts preview, an experience timeline with company logos, and a horizontally scrolling testimonials strip; about page has a fanned polaroid travel-photo gallery and a year-grouped achievements timeline; contact page has a client-side form with a success message; avatar, project thumbnails, company logos, and the Inter variable font vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
sidefolio-portfolio-templateFaithful 14-page clone of Aceternity UI's "Sidefolio" developer-portfolio template — a light-theme app with a fixed left sidebar (avatar, Tabler-style outline-icon nav, socials, and a dark "Read Resume" pill with an animated sky-glow + emerald-underline hover), a white rounded content panel on a gray page, Cal Sans gradient-clipped headings + Inter body, and the full route set: home, about, projects + 4 project details, articles/blog + 4 articles (with dark code-snippet blocks + copy buttons), contact form, and a two-column work-history resume timeline; staggered IntersectionObserver card entrance, gray-50 card-hover surfaces, polaroid-tilt about gallery, and a mobile sidebar overlay toggle; fonts, logos, project thumbnails, and photos vendored locally, fully offlineHTML, CSS, vanilla JS, Cal Sans, Inter
simplistic-saas-templatePixel-faithful clone of Aceternity UI's "Simplistic SaaS Template" — a 3-page minimal AI workflow automation SaaS site (home, pricing, login) on a white/neutral-950 dark palette with Geist; a canvas dot-grid hero, IntersectionObserver blur+translateY reveal animations, scroll-reactive navbar, bento feature grid, masonry testimonials, 3-tier pricing (Starter $0 / Pro $79 popular / Enterprise $299), FAQ accordions, and a 4-column footer with large outlined wordmark; full light/dark theme via CSS custom properties persisted in localStorage, mobile hamburger; Geist fonts and all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist
startup-landing-page-templatePixel-faithful clone of the Aceternity UI "Startup Landing Page" template — a single-page startup marketing site on a white/black palette with light/dark theme support; a fixed navbar with logo, centered nav links, Login link, dark mode toggle, and CTA button; a full-screen hero with a diagonal animated grid background and orange/yellow sparkle decorations, large bold headline, subtitle, dual CTA buttons, and a layered dashboard screenshot; a bento 5-column features grid, a 3-column pricing table (Hobby / Starter / Pro) with checklist features, a split CTA section with stacked avatars, and a footer with 4-column link grid and large gradient "STARTUP" watermark text; IntersectionObserver scroll-reveal animations, mobile hamburger menu; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/cruip/docsPixel-faithful clone of the Cruip "Docs" documentation template — a 3-page docs site (Basics & Fundamentals, Marketing API Quick Start, Help & Support) with a sticky 80px header (logo, search modal with / shortcut, dark/light mode toggle), a collapsible 260px left sidebar (3-level nested nav with cube icons for each section), a main article area (H1/H2/H3 headings, paragraphs, code blocks with syntax highlighting, info/success callout boxes, feedback emoji buttons, next/prev page links, footer with social icons), and a sticky right-side "On this page" scrollspy TOC; CSS custom-property light/dark theming persisted in localStorage, mobile hamburger slide-in sidebar with dark backdrop, FAQ accordion on the help page, contact form, and video modal on the guides page; no external dependencies, fully offlineHTML, CSS, vanilla JS, Inter
premium/cruip/appyPixel-faithful clone of Cruip's "Appy" mobile app landing page template — an 8-page dark/light theme site (home with iPhone mockup hero/AOS animations/Swiper carousel/feature sections/video testimonials/pricing/CTA, about with photo grid/team/careers, blog listing, blog post, testimonials wall, help center FAQ accordions, contact form, 404) using Alpine.js for mobile menu/dropdowns/modals/accordions, AOS for scroll-triggered entrance animations, Swiper for the auto-playing carousel, Inter + Red Hat Display typography, and a dark/light theme toggle with localStorage persistence; all CSS, JS, images, and video vendored locally, no build step, fully offlineHTML, CSS, Alpine.js, AOS, Swiper
premium/cruip/jobboardPixel-faithful clone of the Cruip Job Board template — a 4-page site (home with hero/job-list/sidebar-filters/testimonials, sign-in, post-a-job, job-post detail) on a clean white palette with an indigo (#6366f1) accent, Inter variable (wt 100–900) + Nothing You Could Do cursive, pill-shaped buttons, a highlighted featured job card, a newsletter CTA embedded mid-list, and split-panel auth/form pages with testimonial panels; fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/cruip/communityPixel-faithful clone of the Cruip "Community" template — a 4-page dark-themed community/forum landing page and app UI (home feed with popular/newest/following tabs and a post list, single-post discussion thread with threaded comments, sign-in, join-community) on a near-black slate palette with an indigo/violet accent, Inter font, and Alpine.js for interactive dropdowns and tabs; all CSS, JS, and images vendored locally, no build step, fully offlineHTML, CSS, Alpine.js
premium/lexingtonthemes/alfredPixel-faithful clone of Lexington Themes' "Alfred" SaaS productivity platform template — a 10-page light-mode site (home, pricing with FAQ, about, customers, changelog, integrations with fuzzy search, help center, blog, sign-in, book-a-demo) on a white oklch palette with soft accent backgrounds, Inter Variable, square corners, CSS marquee, vanilla-JS nav dropdowns, flyout sub-menus, tab switcher, mobile hamburger, shared nav/footer via JS injection; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/lexingtonthemes/aelenPixel-faithful clone of Lexington Themes' "Aelen" SaaS CRM marketing website template — a 26-page site (home, about, blog + post + tag directory + tag category, changelog + detail, contact, helpcenter + knowledge base + article detail, integrations + detail, pricing, sign-in, sign-up, reset password, 404, legal terms + privacy, system overview/colors/buttons/typography/links) on a warm cream oklch(95% 0.0187 80.72) canvas with distinct color-blocked sections (orange, cyan, yellow, gray, black), Geist + Geist Mono typography, and a sticky 49px dashed-border header; giant clamp display headings, stacked bar motifs as section dividers, a vertical testimonials marquee, a Fuse.js-powered search modal, a mega menu with staggered entrance animation, and a full-width Ælen SVG wordmark footer; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist, Geist Mono
premium/lexingtonthemes/astromaxspPixel-faithful clone of Lexington Themes' "AstroMax SP" creative agency portfolio template — a 21-page dark-themed site (home with hero/marquee/testimonials/Keen Slider work carousel/services grid/CTA morph, work + 4 case studies, blog + 6 posts, store + 4 products, team + 2 profiles, system overview, 2 legal pages) on a near-black OKLCH palette with a warm orange accent, Geist typography, white/20 border-grid layout, sticky header, mobile hamburger, Keen Slider carousel, FuseJS search modal; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Keen Slider, FuseJS, Geist
premium/lexingtonthemes/auberginePixel-faithful clone of Lexington Themes' "Aubergine" dark design agency subscription website — a 5-page site (home, blog, work, team, system overview) on a near-black OKLCH palette with purple/indigo accent, Clash Display + Figtree fonts, AOS scroll entrance animations, Vanilla Tilt 3D card hover effects, Fuse.js fuzzy search, FAQ accordion, mobile hamburger menu, 4-column services checklist, brand logo work cards, 3-tier membership pricing, and spinning logo footer; no build step, fully offlineHTML, CSS, vanilla JS, AOS, Vanilla Tilt, Fuse.js, Clash Display, Figtree
premium/lexingtonthemes/authorPixel-faithful clone of Lexington Themes' "Author" dark editorial blog & publication website template — a 20-page architecture-focused site (home with hero/featured Keen Slider carousel/subscribers grid/newsletter, blog listing + 6 posts, 5 author profiles, pricing/membership, sign-in, sign-up, 4 design-system pages) on a pure-black OKLCH palette with white text and a deep-purple hover accent (#8b0b98); a fixed top nav with Fuse.js search modal, staggered mobile menu entrance animation, card hover color-overlay (mix-blend-mode multiply), Keen Slider prev/next carousel, FAQ accordion, and a multi-column footer with logo wordmark, category chips, and credits; Inter font from CDN, Keen Slider + Fuse.js vendored locally, all images vendored, no build step, fully offlineHTML, CSS, vanilla JS, Keen Slider, Fuse.js, Inter
bastionPixel-faithful clone of Lexington Themes' "Bastion" construction company website template — a 23-page site (home, about, services, projects, team, careers, blog, contact, why-us, partners, mission, 6 service details, 2 project details, 3 legal pages, system overview) in an industrial white/neutral palette with Inter Variable, an oklch color scale, a sticky blur nav that transitions from transparent to white on scroll, a full-bleed video-background hero and footer using a night timelapse, Keen-Slider testimonials carousel, IntersectionObserver reveal animations, mobile hamburger menu, and full hover states for cards, buttons, and nav links; Inter font from CDN, Keen-Slider from CDN, background video vendored locally, fully offlineHTML, CSS, vanilla JS, Keen-Slider, Inter
premium/themefisher/bigspring-light-nextjsPixel-faithful clone of Themefisher's "Bigspring Light" Next.js SaaS/agency marketing template — an 8-page site (home, blog listing, 3 markdown-style blog posts, pricing, contact, FAQ) on an all-white canvas with a solid teal (#0aa8a7) accent, pale-mint (#edf6f5) alternating section bands, and Lato typography throughout; a simple flat top nav (no mega-menu) with mobile hamburger, hand-drawn "undraw"-style hero/CTA illustrations, a 6-card feature grid, alternating image/copy feature rows with slide-indicator dots, a 3-tier pricing grid with a raised/highlighted center plan, a full markdown-style blog article template (headings, code blocks, tables, blockquote, definition list), a contact form, and an FAQ card grid; hover states on nav/buttons/cards and IntersectionObserver scroll-reveal animations; fonts and imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Lato
premium/lexingtonthemes/brightlightPixel-faithful clone of Lexington Themes' "Brightlight" developer email delivery platform — a 4-page site (home, blog, sign-in, system status) on a warm neutral OKLCH palette with orange accent, Geist + Noto Serif; pricing monthly/annual toggle, SDK language tab switcher, feature card hover animations, logo marquee, mobile hamburger nav; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist, Noto Serif
premium/lexingtonthemes/buioPixel-faithful clone of Lexington Themes' "Buio" Web3/SaaS marketing template — a 16-page dark-first site (home, pricing, blog, blog post, changelog, contact, customers, helpcenter, integrations, jobs, sign-in, sign-up, system overview, team, whitepaper, 404) on a near-black OKLCH palette with EB Garamond display, Geist body, Geist Mono code; glassmorphism nav, AOS scroll animations, animated SVG geometric shapes, syntax-highlighted Solidity code blocks; pricing toggle, blog/integrations filters, FAQ accordion, 90-day uptime status page; no build step, fully self-containedHTML, CSS, vanilla JS, AOS, Geist, EB Garamond
premium/lexingtonthemes/carbonPixel-faithful clone of Lexington Themes' "Carbon" design directory and website showcase template — a 12-page curation platform (home with tag-filtered 4-column website gallery and ⌘K fuzzy search modal, pricing with two-tier cards and FAQ accordion, blog listing, store listing, submit form, advertise/sponsors, system overview, sign-in/sign-up auth forms, site detail, blog post, and store item pages) on a warm beige oklch canvas with a terracotta/salmon accent, InterVariable sans and Hedvig Letters Serif display typography; tag-filter pills, fuzzy search, site cards with hover transitions, native <details> FAQ accordions, and a newsletter footer; original compiled Tailwind v4 stylesheet + 28 webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), Inter, Hedvig Letters Serif
premium/lexingtonthemes/carrieraPixel-faithful clone of Lexington Themes' "Carriera" job board and career platform website template — a 10-page site (home with 4-column layout: featured jobs/categories/companies/candidates, blog listing, help center, pricing with monthly/annual toggle and FAQ accordion, sign-in, sign-up, job detail, company detail, candidate detail, system overview) on a minimal white-first OKLCH palette with three switchable themes (light, dark, green accent via localStorage), Geist + Geist Mono typography, a sticky 5-column nav with Fuse.js site-wide fuzzy search modal, a mobile full-screen overlay menu, pricing billing toggle, FAQ accordion, and a fixed bottom-right 3-dot theme switcher; all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Fuse.js, Geist, Geist Mono
carringtonPixel-faithful clone of the Carrington Law Firm template by Lexington Themes — a multi-page dark-accented law firm site (home, practice areas, cases, team, blog, careers, press & media, offices, contact + detail pages) reproduced as plain HTML + CSS + vanilla JS; dark teal (#0a1a1c) / gold (#fbbf24) palette on Inter Variable + Newsreader serif, a fixed nav that starts transparent on home and color-swaps to white on scroll, a 4-column mega-menu, Fuse.js fuzzy site search (Cmd+K / Slash), IntersectionObserver countup stats, and 37 vendored webp images; no build step, fully self-containedHTML, CSS, vanilla JS, Inter, Newsreader, Fuse.js
premium/lexingtonthemes/copperlanePixel-faithful clone of Lexington Themes' "Copperlane" auto detailing and car services website template — a 22-page business site on a white background with a near-black sticky nav (base-900/60 with backdrop-blur), golden/yellow accent OKLCH color scale, Stack Sans Notch display serif + Inter body, a full-screen background video hero, three-column mega menu, image cards with hover scale, FAQ accordions, booking and contact forms; original compiled Tailwind CSS + 33 webp images + hero MP4 video vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), Stack Sans Notch, Inter
duskPixel-faithful clone of Lexington Themes' "Dusk" Swiss design-week conference template — a 63-page event site (home, schedule, sessions, speakers, tickets, venue, hosts, partners, sponsors, gallery, recap, faq, a 6-post journal with 13 tag archives, 6 speaker profiles, 9 workshop details, 4 sponsor details, register/sign-in/contact forms, a 5-page design system, and terms/code-of-conduct/privacy) rebuilt as plain HTML + CSS + vanilla JS; an International-Typographic-Style look on a warm cream (oklch base) canvas with an electric-blue accent, dashed hairline grid dividers, blocky accent squares, and oversized uppercase Clash Display headings over General Sans body; reproduces the animated logo corner-ticks, a full-screen Fuse.js fuzzy search modal (grouped results), a full-screen mobile overlay menu, and native <details> FAQ accordions, and adds a token-driven sun/moon light/dark theme toggle layered on the original OKLCH palette (persisted to localStorage, honoring prefers-color-scheme with a no-flash boot script); the source's compiled Tailwind CSS is preserved for fidelity while Clash Display + General Sans (woff2), every image, and Fuse.js are vendored locally, no build step, fully offline in both light and dark modeHTML, CSS, vanilla JS, Clash Display, General Sans, Fuse.js
ellamaePixel-faithful clone of Lexington Themes' "Ella Mae®" SaaS operations workspace template — a 15-page site (home with hero/marquee/features/pricing/FAQ, changelog, customers, helpcenter, integrations, blog with search, system overview/buttons/colors/typography/links, login, signup, contact/404) on a bold geometric layout with thick 8px structural borders, a deep navy/blue OKLCH accent and warm orange/terracotta secondary, InterVariable font, pill-shaped buttons with press-down hover states, an infinite-scroll brand logo marquee, CSS <details> FAQ accordion with icon rotation, sticky changelog sidebar, and a large SVG wordmark footer; assets (SVGs, team photos, blog images, integration logos) vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter Variable
premium/lexingtonthemes/enlightrPixel-faithful clone of Lexington Themes' "Enlightr" online course platform template — a 5-page educational site (home, pricing, courses, sign-in, system-overview) on a white base with a green (#22c55e) accent, Inter Variable body, Instrument Serif italic display headings, Clash Grotesk uppercase labels; pill-shaped buttons, sharp-cornered cards, fixed blur-on-scroll nav, Keen Slider testimonials carousel, FAQ accordion, floating search button, mobile hamburger menu; avatar images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Keen Slider, Inter, Instrument Serif, Clash Grotesk
premium/lexingtonthemes/flacoPixel-faithful clone of Lexington Themes' "Flaco" minimal personal portfolio/blog template for software engineers — a multi-page site (home, blog, projects, store, studio, stack, system overview) on a warm neutral OKLCH palette with a lime-green accent, Geist + Geist Mono typography, full light/dark theme toggle (localStorage + prefers-color-scheme, no-flash boot), a hamburger-menu overlay with staggered entrance animations, and a Fuse.js fuzzy search modal; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist, Geist Mono, Fuse.js
premium/lexingtonthemes/flabbergastedPixel-faithful clone of Lexington Themes' "Flabbergasted" dark SaaS AI voice platform landing page — a single-page site on a near-black oklch palette with Inter Variable body, InterDisplay headings, Geist Mono labels, named mesh gradients (meshLightBlue, meshRainbow, meshPurple, meshYellow, meshMagenta, meshGreen), and repeating stripe patterns; a sticky nav with mobile overlay, a hero with an AI chat widget and glow CTA, a 12-brand scrolling logo marquee, a four-column feature grid, a voice-cloning demo section with Web Audio API pitch shift, a two-column CTA split, a six-card brainwaves feature grid, an integration showcase with hover colorize, a five-tier pricing table with monthly/annual toggle and full feature-comparison table, a Keen Slider testimonials carousel, and a structured footer with cross-indicator corner markers; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Keen Slider, Inter Variable, InterDisplay, Geist Mono
premium/lexingtonthemes/hemingwayPixel-faithful clone of Lexington Themes' "Hemingway" editorial magazine & podcast website template — a 9-page content platform (home with hero headline/popular posts grid/interviews/podcast CTA, about with two-column editorial layout and grayscale image grid, magazine/blog listing, blog post with sticky large title and subscriber gate, podcast episode list, podcast interview detail with audio player, 4-tier pricing, design system overview, 404) on a near-white oklch base palette with STIX Two Text serif headings over Inter body; a 3-column grid nav, a black footer with newsletter form, and all pages using the compiled Tailwind CSS from the source; 28 webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), STIX Two Text, Inter
premium/lexingtonthemes/hirewisePixel-faithful clone of Lexington Themes' "Hirewise" job board website template — an 11-page platform (home with hero/featured jobs/browse by category/top companies/top candidates/newsletter CTA, jobs listing with filters, job detail, companies directory, company profile, candidates directory with filter sidebar, pricing with monthly/quarterly/yearly tiers and FAQ accordion, blog/news, sign-in and sign-up with 2-column testimonial layout, submit-job form) on a white/neutral OKLCH palette with blue (#1DA8FF), orange (#FA5925), green (#00C172), and yellow (#FFB112) accents and Geist font; a dropdown mega-menu with colored nav tiles, Fuse.js-powered site-wide search modal, light/dark theme toggle (localStorage persisted, no-flash boot), and colored testimonial cards; no build step, fully offlineHTML, CSS, vanilla JS, Fuse.js, Geist
premium/lexingtonthemes/koteiPixel-faithful clone of Lexington Themes' "Kotei" design studio portfolio and blog template — a multi-page site (home, blog + 3 posts, work + 3 case studies, system overview) presenting "Dezain Sutajio Kotei®", a fictional Fukuoka-based branding studio; on a neutral OKLCH base palette with Geist + Geist Mono typography; a floating bottom dock with logo, Overview/Work links, dark-mode toggle, Fuse.js search modal, and a Buy button; an AOS-animated hero headline (up to text-6xl), an infinite CSS marquee of 12 client logos, a services accordion (Brand Identity, Web & Digital Design, Print & Packaging, Motion Graphics, Art Direction, Consulting), blog and work card grids, and a store section; light/dark theme toggle (localStorage + prefers-color-scheme, no-flash boot), AOS scroll animations, Fuse.js site-wide fuzzy search; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist, Geist Mono, AOS, Fuse.js
matterhausPixel-faithful clone of Lexington Themes' "Matterhaus" architecture studio website template — a 23-page site (home, projects + 10 details, services + 8 details, studio, contact, careers + 5 details, blog + 4 posts + tags, team + 3 profiles, awards, process, system overview + 4 sub-pages, 5 legal pages, 404) on a monochromatic OKLCH greyscale palette with Switzer variable font; a fixed mix-blend-difference header, a two-column split layout throughout, a mobile hamburger menu, and a Fuse.js full-site search modal; compiled Tailwind CSS v4 + 25 webp images vendored locally, Switzer from Fontshare CDN, light-only theme, no build stepHTML, CSS, vanilla JS, Tailwind (compiled), Switzer, Fuse.js
mollePixel-faithful clone of Lexington Themes' "Mølle" Scandinavian prefab home company e-commerce template — a 13-page site (home, homes listing, process, about, customers, contact, sign-in, sign-up, blog, blog post, product detail, design system, help center) on a strict five-column grid with dashed borders, InterDisplay + Inter typography, black-and-white + purple OKLCH palette; Keen Slider carousel, Fuse.js search modal, FAQ accordions, mobile hamburger nav, Mølle SVG wordmark footer; compiled Tailwind CSS + 40 webp images + Keen Slider + Fuse.js vendored locally, no build stepHTML, CSS, vanilla JS, Tailwind (compiled), Inter, Keen Slider, Fuse.js
mulberryPixel-faithful clone of Lexington Themes' "Mulberry" accounting & financial-services website template — a 68-page editorial marketing site (home, about, contact, pricing, faq, testimonials, locations, 404, services + 6 details, industries + 8 details, case-studies + 6 details, blog + 6 posts + tags index + 15 tag pages, team + 6 profiles, 2 legal pages, 5 design-system pages) pairing STIX Two Text serif headings with Inter body on a warm neutral grey palette and a golden-amber accent; full-bleed editorial photography, base-50 section panels, a black footer and CTA band, a full-width four-column mega menu, a Fuse.js fuzzy site-search modal, native <details> FAQ accordions, IntersectionObserver count-up stats, and group-hover card/link transitions; the original compiled Tailwind CSS is vendored as theme.css and all images, the CEO video, certification SVGs, fonts, RSS feed, and Fuse.js are vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), STIX Two Text, Inter, Fuse.js
navyPixel-faithful clone of Lexington Themes' "Navy" SaaS cloud hosting website template — a 15-page site (home, pricing, sign-in, 6 customer case studies + index, 5 design-system pages) on a clean white canvas with teal/green OKLCH accent radial-gradient burst backgrounds, dot-pattern overlays, SVG trapezoid corner decorators, interactive feature tabs with scroll-reveal dashboard images, a stat grid with hover burst effects, and a feature comparison table; Inter + InterDisplay + JetBrains Mono, compiled Tailwind CSS v4 vendored, logo SVGs and dashboard webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), Inter, JetBrains Mono
newportPixel-faithful clone of the Newport homeowners-association (HOA) template by Lexington Themes — a calm editorial 27-page community site (home, overview/sitemap, about, contact, faq, gallery, governance, amenities + detail, announcements + detail, blog + post/tags/tag, board + member, documents + detail, events + detail, rules, 4 legal pages, 404) on a light neutral palette driven by three OKLCH scales (base/accent/secondary), pairing the Gambarino serif for display headings with Switzer sans body, soft rounded cards, and deep near-black hero/contact/CTA panels; a fixed header, a Fuse.js site-search modal (icon / Cmd+K / Slash over a 53-item index), a slide-in mobile nav, native <details> FAQ accordions, sticky "on this page" sidebars, and IntersectionObserver scroll reveals; unlike the light-only source, the clone is fully theme-aware with light + dark tokens, prefers-color-scheme, and a persisted header theme toggle; Switzer + Gambarino fonts and 26 webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Switzer, Gambarino, Fuse.js
northboundPixel-faithful clone of Lexington Themes' "Northbound" wedding website template — a 13-page editorial wedding site (home, RSVP, info, gallery index, 3 gallery albums, people, events, FAQ, wishlist, journal, system overview) on a warm off-white (oklch base-50) canvas with a deep olive-green accent, Noto Serif Display (uppercase display headings), Noto Serif (section headings), and Inter (body); a full-viewport hero with "ARIA & DANIEL" display title, a Keen Slider intro carousel with desaturated-to-color image hover, a numbered schedule, dark accent-950 CTA cards (RSVP/Info/Wishlist), a gallery album grid, a split-layout RSVP form with underline-only inputs on a dark panel, and a full-viewport footer image with the decorative ampersand monogram SVG; all images and the compiled Tailwind CSS v4 stylesheet vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), Noto Serif Display, Noto Serif, Inter, Keen Slider
premium/lexingtonthemes/outkastPixel-faithful clone of Lexington Themes' "Outkast" web development agency website template — an 8-page dark-mode site (home, services, work, team, pricing, blog, contact, system overview) on a near-black oklch palette with muted sage-green accents and Geist variable font; a sticky hamburger-drawer nav, CSS marquee ticker animations, IntersectionObserver scroll-triggered entrance reveals, a scrollable work carousel, a three-tier pricing card layout, a FAQ accordion, and a contact form with a live 500-char counter; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist
premium/lexingtonthemes/phanatikPixel-faithful clone of Lexington Themes' "Phanatik" news & magazine website template — a 3-page editorial site (home, about, blog post) on a near-white OKLCH base palette with STIX Two Text serif display headings over Inter body; a live-clock top bar, a search modal with Fuse.js, a mega-menu with Company/Categories/Top Stories/Latest Episodes sections, a scrolling headline ticker marquee, a 4-column homepage grid (Featured hero article, Breaking news cards, Top Stories, sidebar Finance/podcasts), tabbed category sections (Business, Finance, Tech, Health, Sports), a newsletter signup in the dark base-950 footer, and a single-post blog layout with subscriber paywall teaser; 19 webp/SVG images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, STIX Two Text, Fuse.js
premium/lexingtonthemes/primapersonaPixel-faithful clone of Lexington Themes' "PrimaPersona" minimal personal portfolio template — a 7-page single-scroll site on a white background with Inter font, a 4-column grid layout, and OKLCH neutral palette with green accent; hero heading in right half of grid, work/projects (with full-width rounded images), education, and speaking sections, plus system overview and design-system pages; light/dark theme toggle, mobile hamburger menu, 6 webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/lexingtonthemes/profolioxPixel-faithful clone of Lexington Themes' "ProFolioX" portfolio template — a 33-page minimal dark/light portfolio site (home, blog + 6 posts, work + 6 case studies, store + 6 products, about, studio, course, sign in/up, contact, 5 design-system pages) for designers and developers; a fixed 256px sidebar with staggered-entrance nav, OKLCH design tokens, Geist + Geist Mono, light/dark theme toggle (localStorage + prefers-color-scheme, no flash), Fuse.js fuzzy search modal (⌘K), AOS scroll animations, card hover overlays with translateY text reveal, mobile drawer menu, FAQ/module accordions; 27 webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist, AOS, Fuse.js
premium/lexingtonthemes/quartierePixel-faithful clone of Lexington Themes' "Quartiere" luxury real estate template — a 7-page site (home, for sale, for rent, property detail, agents, sell property, contact) on a black-and-white OKLCH neutral palette with Geist + Geist Mono typography; a sticky nav with a mega-menu panel, Fuse.js-powered property and agent search modal, AOS scroll-triggered entrance animations, property card grid with hover badge overlay, "Be where the world is looking" 2-column CTA, Press Exposure/Global Connections/Unmatched Marketing 3-feature section, and a multi-column footer with Quartiere letterform SVG; assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist, Geist Mono, AOS, Fuse.js
riflessoPixel-faithful clone of Lexington Themes' "Riflesso" minimal photography portfolio and magazine template — a 6-page site (home with video hero + 10-item responsive gallery grid, magazine/blog listing, blog post detail, store product listing, store product detail with HTML details/summary FAQ accordion, gallery post detail with sticky sidebar) on a white background with Hanken Grotesk variable font; a full-screen overlay navigation menu with staggered entrance animation, Fuse.js-powered site-wide search modal, responsive 1→2→4→5 column gallery grid, vendored photoshoot MP4 video, and 36 webp images; no build step, fully offlineHTML, CSS, vanilla JS, Hanken Grotesk, Fuse.js
rosewoodPixel-faithful clone of Lexington Themes' "Rosewood" home renovation & construction company website template — a 23-page site (home, services + 6 service details, projects + 4 case studies, about, process, blog + 4 posts, contact, free-quote, 404/faqs) on a minimal black-and-white OKLCH neutral palette with EB Garamond display serif + Switzer sans; fixed nav with full-screen overlay menu, Keen Slider services carousel, tabbed project showcase with opacity fade, before/after drag-to-compare image sliders, Fuse.js search modal, and a giant wordmark SVG footer; 50 webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, EB Garamond, Switzer, Keen Slider, Fuse.js
sandstonePixel-faithful clone of Lexington Themes' "Sandstone" interior design studio website template — a 13-page site (home, projects + 4 project details, services, studio, contact, blog + 3 posts, system overview) on a monochromatic OKLCH grayscale palette with Inter Variable; a floating pill nav with animated mobile menu, full-viewport video heroes with marquee ticker and SNDS SVG overlay, Keen Slider testimonials + project carousels, stacked sticky process steps (01–06), slide-up hover link animation, interactive footer services panel with background image switcher; 37 webp images + hero MP4 video vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter Variable, Keen Slider
semplicePixel-faithful clone of Lexington Themes' "Semplice" minimal photography portfolio template — a 3-page site (home, gallery detail, system overview) on a warm off-white canvas with Inter sans and Newsreader serif; a full-width SVG wordmark, 4-column editorial nav, gallery figure linking to a 6-column image grid on a warm tan (#dedad0) background, and a footer with exhibition dates in uppercase serif; images vendored locally, no build step, fully offlineHTML, CSS, Inter, Newsreader
simplexityPixel-faithful clone of Lexington Themes' "Simplexity" minimal personal portfolio and blog template — a 31-page site (home, blog listing + 10 posts, store + 2 products, projects + 2 detail pages, pricing, about, 404, system overview + colors/buttons/typography/links pages) on a #fafafa background with OKLCH dark mode tokens, Inter Variable, narrow max-w-2xl centered column; dark/light theme toggle, Cmd+K fuzzy search modal, tag filter pills, article list with thumbnails, store and project cards with hover transitions; 14 images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter Variable
snowpeakPixel-faithful clone of Lexington Themes' "Snowpeak" news and media publication website template — a 7-page content platform (home with floating glassmorphism nav/big SVG logo hero/animated marquee ticker/3-column featured articles/inline ad/tabbed category sections, blog listing, blog post detail, blog tag page, podcast with audio players, sign-in, sign-up) on a medium-gray OKLCH base-500 background with near-black base-900 cards, Inter Variable body font, Stack Sans Notch display font, a purple/violet accent, orange and pink accents; a fixed pill navbar with backdrop-blur glassmorphism, dropdown menu panel, Fuse.js-powered search modal with keyboard navigation, CSS marquee animation (90s loop, pause-on-hover), category tab-switching, and podcast audio controls; 26 webp images + SVG ads vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter Variable, Stack Sans Notch, Fuse.js
spaziobiancoPixel-faithful clone of Lexington Themes' "Spazio Bianco" fintech API SaaS landing page template — an 11-page site (home, blog, sign-up, contact, 2 customer case studies, 5 design-system pages) on a white-on-white aesthetic with a 125° diagonal stripe background, teal and yellow accents, and syntax-highlighted code blocks; large Geist/Geist Mono type, AOS scroll reveals, marquee animations for brand logos and data streams, a tab-switching code showcase with 5 API examples, a chat bubble widget, and Fuse.js blog search modal; the original compiled Tailwind CSS v4 stylesheet vendored as assets/css/main.css, all 22 images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), Geist, Geist Mono, AOS, Fuse.js
premium/lexingtonthemes/streamerPixel-faithful clone of Lexington Themes' "Streamer" indie music and media platform template — a 14-page site (home with ticker bar/hero/blog cards/podcast cards, magazine listing with tab category filter, podcast listing, jobs, about, pricing-advertise with 8 stat boxes, pricing-membership with 3 tiers + FAQs, authors grid, blog post, podcast episode with audio player, system overview/colors/buttons/typography) on a cream OKLCH base-300 canvas with a near-black sticky nav (base-900), orange/amber accent (oklch 70.5% .213 47.604), Inter font, Fuse.js site-wide search modal, Keen Slider for carousels, and native <details> dropdown menu; 33 webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), Inter, Fuse.js, Keen Slider
premium/lexingtonthemes/studiomaxPixel-faithful clone of Lexington Themes' "StudioMax" dark design agency portfolio template — an 11-page site (home, work, blog/journal, team, contact, sign-in, sign-up, work detail, blog post, service detail, system overview) on a pure-black (#000000) background with OKLCH fine border lines, diagonal-stripe and diamond geometric background patterns, Inter sans-serif body, and JetBrains Mono thin-weight uppercase headings; a pinned nav with mobile hamburger menu, full-viewport hero with blue radial glow, 2-column project grid, accordion services list with arrow buttons, 4-tier pricing cards, testimonial, 3-column blog grid with tag pills, 4-person team grid, contact form with 4 office addresses, and a multi-column newsletter footer; all project/team/blog images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, JetBrains Mono
trendspotterPixel-faithful clone of Lexington Themes' "Trendspotter" design tool directory and curation website template — a 17-page site (home tools directory, blog, store + product detail, pricing, sign in, sign up, 10 tool detail pages, tag filter pages, submit tool form, system design overview, dashboard collections, terms of service) on a white background with an OKLCH green accent palette and Inter sans-serif; horizontally scrolling marquee strip, searchable 4-column tool card grid with bookmark actions and tag-based filtering, animated modals (submit tool, subscribe newsletter), vanilla JS search overlay, and a two-column nav with an SVG wordmark logo; 21 webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/lexingtonthemes/vantaPixel-faithful clone of Lexington Themes' "Vanta" online course platform template — a 5-page site (home with hero/testimonials/Keen Slider carousel/blog/projects, courses listing with tag pills and course cards, pricing with monthly/annual toggle and FAQ accordion, sign-in, system overview) on a minimal white OKLCH palette with a lime-green accent, Geist + Newsreader typography, a centered max-w-2xl column; fixed nav with scroll blur, light/dark theme dots (localStorage + prefers-color-scheme), Fuse.js site-wide search modal, mobile hamburger menu, and a giant "vanta" SVG wordmark footer; customer webp images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Fuse.js, Keen Slider, Geist, Newsreader
westendPixel-faithful clone of Lexington Themes' "Westend" Nordic real estate agency template — a 26-page property site (home, all properties, filtered listing views, property/agent/neighborhood/open-house detail pages, services, blog, contact, valuation, sell, about, FAQ, careers, system overview, legal) on a minimal white/near-black oklch palette with Inter Variable; 8xl–9xl hero with inline property photo, Keen Slider carousel, property cards with hover-reveal meta overlay, dark "Why Westend" split section, services image grid, FAQ accordion, dark/light theme toggle, search modal, mobile nav; 60 images vendored locally; no build stepHTML, CSS, vanilla JS, Inter Variable
williamsburgPixel-faithful clone of Lexington Themes' "Williamsburg" premium e-commerce template — a 16-page storefront (home, store home, all products, product detail, blog, blog post, contact, pricing, helpcenter, membership, affiliates, sign-in, sign-up, about, store tags, checkout) on a clean white OKLCH neutral palette; Inter Variable body + Instrument Serif display headings, Tailwind CSS utility classes; a slide-in cart drawer, a Fuse.js-powered full-screen search modal, a tabbed mega-menu (Latest Drops / EOL Products / Resources), mobile hamburger nav, and Keen Slider carousels; 49 webp/png product images vendored locally, compiled Tailwind CSS vendored as assets/css/main.css, no build step, fully offlineHTML, CSS, vanilla JS, Tailwind (compiled), Inter, Instrument Serif, Keen Slider, Fuse.js
premium/lexingtonthemes/zeroindexPixel-faithful clone of Lexington Themes' "ZeroIndex" documentation and SaaS marketing template — a 14-page site (marketing home, sign-in, blog, docs getting-started/introduction and quick-start, docs components/accordion/alerts/badges/buttons/tabs/typography/wrappers, docs navigation/sidebar and sidebar-links, docs help/faq) on a white canvas with Geist + Geist Mono, an OKLCH sky-blue accent, and a two-panel layout (fixed left sidebar + scrollable content); three-way light/dark/system theme toggle (localStorage-persisted), vanilla JS accordions, tabs, search, copy buttons, TOC, and feedback widgets; no build step, fully offlineHTML, CSS, vanilla JS, Geist, Geist Mono
premium/magic-ui/agentPixel-faithful clone of Magic UI's "SkyAgent" AI-agent SaaS landing page — a single long-scroll page on a light OKLCH canvas (#f8f9fb background, blue #2D6CFF accent) with self-hosted Geist Sans + Geist Mono, wrapped in a max-w-7xl frame with vertical border guides and section dividers; a sticky pill navbar with anchor nav and a light/dark theme toggle (persisted via localStorage), a centered hero with a rotating CSS globe over a soft blue glow, a logo strip, a bento feature grid (chat-bubble, integration orbit, calendar, task-list visuals), a centered dark testimonial quote, a four-step "Simple. Seamless. Smart." accordion, a "Built for Secure Growth" two-card section, a Monthly/Yearly pricing table (Free $0 / Startup $12↔$10 popular dark card / Enterprise $24↔$20), a three-column vertical-marquee testimonial wall, an FAQ accordion, a full-bleed blue CTA banner, and a four-column footer; IntersectionObserver scroll reveals, hover states, mobile hamburger menu; Geist fonts, avatars, and CTA background vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist Sans, Geist Mono
blogPixel-faithful clone of the Magic UI Blog template — a 7-page editorial blog (a post-index home plus six article pages) on a shadcn/Tailwind neutral OKLCH design system with Geist Sans/Mono; a sticky backdrop-blur header with logo and a light/dark theme toggle (persisted in localStorage), an animated gradient <canvas> banner, a bordered three-column post-card grid with a category filter (desktop pill buttons with count badges, mobile dropdown), and article pages with a full-width hero, a prose body (headings, lists, code blocks), a sticky sidebar (author card + "On this page" TOC scroll-spy + "Try Magic UI Pro" promo), and a "Read more" related-posts section; card hover scale/underline motion throughout, fonts from CDN, all imagery vendored locally, fully offlineHTML, CSS, vanilla JS, Geist Sans, Geist Mono
premium/magic-ui/changelogPixel-faithful clone of Magic UI's "Changelog" template — a single-page release-notes timeline on the shadcn/ui design language with the vendored GeistSans typeface and an OKLCH neutral palette (light default + system-aware dark via .dark, persisted to localStorage); a bordered "Changelog" header with a sun/moon theme toggle that rotate-scale-crossfades between icons, and a max-w-5xl vertical timeline of three release entries (2.1 Kimi K2 Support, 1.2 Enhanced AI Agent Interface, 0.9 UX Improvements) each with a sticky left date + version badge, a bg-border rail with a bg-primary dot, category pills, media (a looping <video controls> and Unsplash images), feature bullets, a Shiki github-light/dark syntax-highlighted code block with a copy button, and collapsible Features / Bug Fixes accordions that height-animate (.2s ease-out) with a rotating chevron; responsive single-column below md; GeistSans font, demo video, favicon, and imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, GeistSans
codeforgePixel-faithful clone of the Magic UI "CodeForge" AI coding-agent SaaS landing template — a single long-scroll light-theme page (all nav links are in-page anchors) on a #f9fafb canvas with a sky-blue (#00a5ef) accent, vendored Geist + Geist Mono fonts, hairline #e5e5e5 borders and a #2cd5ff→#2c30ff gradient; a sticky blur navbar with a working light/dark theme toggle, a hero with a shimmer "Start for free" button, feature tabs and a radial-glow starry image, a bordered logo cloud, an animated terminal typewriter card, a red/green code-diff review card, MCP-install + parallel-agents bento cards, a dotted-canvas world map, a three-step "Setup. Connect. Build. Ship." grid, three vertical auto-scrolling testimonial marquees with edge-fade masks, a scroll-velocity skewed text band, a Monthly/Annually pricing toggle ($12/$24 ↔ $120/$240), a single-open FAQ accordion, a glowing final CTA, and a four-column footer; IntersectionObserver blur-in scroll reveals throughout, Geist fonts + Unsplash hero + randomuser avatars vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist, Geist Mono
devtoolPixel-faithful clone of the Magic UI "devtool" AI Agent SDK startup landing template — a dark, near-black (oklch 16.48%) page with a violet (oklch 78% .13 291) primary accent on vendored Geist Sans + Geist Mono, framed inside a 1000px column with faint full-height vertical border guides; a sticky bordered header (terminal >_ logo, nav, violet "Get Started" pill, mobile menu) and a footer with a giant ghosted "AGENT SDK" wordmark are shared across all pages. The long home page reproduces an announcement pill, a hero with floating CSS-3D cubes + a vendored company-logo row, a tabbed syntax-highlighted Swarm code panel, a 3-up use-cases row, a 6-card Features grid, a count-up Statistics band (10K+/50K+/1M+), a multi-column auto-scrolling vertical Testimonials marquee (pause-on-hover, gradient mask), a Yearly/Monthly pricing toggle with three plans (Basic/Pro/Enterprise "Most Popular"), a Community globe with orbiting avatars, a Blog teaser, and a glowing final CTA; plus a /blog articles index, three blog-post articles (how/why/introducing) with cover, author row, prose body + comparison table, and a faithful reproduction of the source's Next.js 404 at /download. BlurFade entrance reveals via IntersectionObserver, marquee/orbit/pulse keyframes ported from the original Tailwind v4 stylesheet; Geist fonts, avatars, blog covers, and company SVGs vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist Sans, Geist Mono
mobilePixel-faithful clone of the Magic UI "Mobile" app-landing template (the "Cal AI" demo) — a single-page mobile-app marketing site for a fictional AI scheduling app on a clean white canvas with a coral-red (oklch ~#fa5341) accent, self-hosted Geist Sans / Geist Mono, and tight -0.05em headline tracking; a centered hero (coral app-icon, "Smart scheduling powered by AI." H1, App Store badge) over a scroll-driven two-row horizontal iPhone-mockup marquee with edge fade masks, alternating sticky feature rows, a bento benefits block, an Embla-style benefits carousel with prev/next arrows that disable at the ends, a 3×2 coral-icon features grid, a four-column vertical testimonial marquee (alternating directions, pause-on-hover), Basic $0 / Pro $12 pricing, a height-animated FAQ accordion with chevron rotate, and a floating-tweet CTA above a minimal footer; scroll-parallax + IntersectionObserver reveals, Geist fonts, device PNGs and avatars vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist Sans, Geist Mono
premium/magic-ui/portfolioPixel-faithful clone of the Magic UI portfolio template (the open-source dillionverma/portfolio) — an 8-page personal developer-portfolio site: a single long-scroll home (hero with avatar, About, a 6-role Work Experience accordion, Education, a dark Skills pill row, a 2-column autoplay-video Projects grid, a ~21-entry Hackathons timeline, and a Get in Touch CTA), a paginated Blog index (7 posts across 2 pages), and 7 markdown blog-post pages; on the light #fff / #0a0a0a + dark #121212 dual-theme token set with the Geist variable font over a masked dotted-grid background, a fixed bottom floating pill dock (Home, Blog, GitHub, LinkedIn, X, YouTube + light/dark toggle), staggered blur-fade entrance animations via IntersectionObserver, click-to-expand resume cards, and localStorage theme persistence; Geist font, avatar/company/hackathon imagery, and project demo videos all vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Geist
saasPixel-faithful clone of the Magic UI "acme.ai" SaaS startup landing template — a 5-page light-theme marketing site (long-scroll home, blog index, blog article, login, signup) for a fictional AI product on a white / OKLCH-neutral canvas with a single bold red accent (oklch(57.7% .245 27.325)), self-hosted Inter Variable, and rounded shadowed cards; a sticky backdrop-blur header (logo, Features/Solutions/Blog nav, Login + red "Get Started for Free" CTA, mobile slide-in sheet), an announcement-pill hero with a dashboard mockup + pulsing red play-button lightbox, a marquee logo cloud (Netflix/Uber/Instagram/Google/Amazon/Microsoft/Spotify/YouTube), 3 problem cards, a 4-up solution grid, a 3-step "how it works", a prev/next testimonial-highlight carousel, a 4-tab feature switcher, a 3-column vertically-marqueeing testimonial wall with avatars + stars, a Monthly/Yearly pricing switch with Basic/Pro(popular)/Enterprise cards, a FAQ accordion, a latest-articles card, and a pink CTA band; IntersectionObserver scroll reveals, hover states, and all fonts/images/avatars vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
startupPixel-faithful clone of the Magic UI "Startup" landing-page template — a 3-page dark SaaS marketing site (home, sign in, sign up) on a pure-black OKLCH palette (--background:oklch(0% 0 0), white --primary) with self-hosted Inter Variable; a dismissible Product-Hunt-style top bar, a sticky header that gains a blurred bordered background on scroll (Log in / white Sign up pill + a mobile hamburger drawer with Features/Pricing/Careers/Contact), a centered hero with a shimmer "✨ Introducing Magic UI Template" pill, a gradient-clipped 96px headline, a perspective-tilted dashboard hero image (hero-dark.png) with a --color-one blurred color-glow and a bottom background-fade overlay, a grayscale logo marquee (Google/Microsoft/GitHub/Uber/Notion) with edge masks + pause-on-hover, an Annual/Monthly pricing toggle with four tiers (Basic $10 / Premium $20 highlighted with amber glow / Enterprise $50 / Ultimate $80), a filled-heart CTA, and a Product/Community/Legal footer; staggered fade-in/fade-up entrance animations, Inter WOFF2 + hero images + company SVGs vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
ai-starter-kitPixel-faithful clone of the "AIStarterkit" AI tools SaaS marketing site — a 7-page site (home, contact, pricing, privacy, sign in, sign up, reset password) on a purple (#7A5AF8) gradient-button system with the Onest variable font, a sticky pill header with Products/Pages dropdowns, a floating-chip AI hero, a dark "key benefits" band, a monthly/annually pricing toggle, an FAQ accordion, and a testimonials "show more" grid; full light/dark theme support with a no-flash boot script and localStorage persistence, mobile hamburger menu, password-visibility toggles, and IntersectionObserver scroll-reveal entrance animations; fonts and imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Onest
finorio-saas-landingPixel-faithful clone of the "Finorio" finance / money-management SaaS template (7 pages: home, features, pricing, contact, login, register, forget-password) — a light lavender (#c6bdfa/#8c71f6) / off-white (#f9f8fb) palette on the vendored "Stack Sans Text" rounded geometric font, a fixed floating white pill navbar, a phone-mockup hero with App Store / Google Play badges and a 500k+/4.5 stats bar, a 2×2 soft-gradient feature-card grid (balance card + CSS bar chart), alternating image/text experience rows, a Monthly/Annually pricing toggle (Annually $0.00/$5.59/$9.59 ↔ Monthly $0.00/$6.99/$11.99) with three plan cards and a featured-column comparison table, a testimonial grid with avatars + amber stars, a +/- FAQ accordion, a lavender CTA panel with angled phone mockups, a four-column footer, plus a password eye toggle on the auth pages, a mobile hamburger menu, and IntersectionObserver fade-and-rise scroll reveals; font, webp imagery, and inline logo/badge SVGs vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Stack Sans Text
nextmerce-saas-ecommercePixel-faithful clone of the NextMerce SaaS e-commerce storefront template, rebuilt same-to-same as an 18-page static site — airy modern white/navy (#1C274C) design with an indigo-blue (#3C50E0) primary, rounded cards and soft shadows; home (hero carousel, category circles, new arrivals, promo banners, best sellers, countdown CTA, testimonials, newsletter), shop with/without sidebar, category, popular, product-details (gallery + tabs + recently-viewed carousel), cart, checkout, wishlist, blog (grid / grid-with-sidebar / details / details-with-sidebar), contact, sign in, sign up, mail-success and a 404, sharing a sticky header with nav dropdowns, a slide-in mini-cart, quick-view modal, quantity steppers, tabs and hover/entrance interactions; Swiper-powered carousels, fonts/icons/imagery vendored locally, fully offlineHTML, CSS, vanilla JS, Swiper
premium/shadcnblocks/aspectSame-to-same clone of shadcnblocks.com's premium "Aspect" shadcn/ui template — a 17-page dark-first fintech/SaaS marketing site (home, features, features/support, pricing, about, blog + 4 posts, faq, contact, login, signup, privacy, terms, cookie-policy) on near-black obsidian surfaces with hairline white-alpha borders, a bordered max-width container, vendored Figtree typography, and a violet "star" accent; full next-themes-style light/dark system driven by HSL custom-property tokens with a persisted theme toggle, a dismissible announcement banner, a sticky 80px header with a Product mega-menu, a hero dashboard mockup, a logo marquee, a tabbed feature showcase, testimonials, a layered "Cash Positioning" dashboard reveal, FAQ accordions, and a monthly↔annual pricing toggle; all interactions rebuilt in vanilla JS, every asset (images, logos, Figtree woff2) vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Figtree
premium/shadcnblocks/charterPixel-faithful clone of the shadcnblocks "Charter" fintech / developer-API marketing template — a 9-page site (home, about, pricing, faq, contact, login, signup, terms, privacy) on a near-white / deep-navy palette with a deep-indigo primary, built as self-contained HTML + CSS + vanilla JS; Hubot Sans display headings (tight tracking), Inter body, IBM Plex Mono eyebrows/code, and a dotted-grid texture with soft indigo→green hero glows; a dismissible announcement bar, a sticky blur header with a Product dropdown and a sun/moon light/dark theme toggle (persisted in localStorage, honoring prefers-color-scheme with a no-flash boot script), a hero with a Transfers dashboard mockup + floating curl code panel, a "Code security" bento grid, an "AI chatbot" four-card grid, a dark "Launch today / $29.99" CTA panel, a three-tier pricing block, grouped FAQ accordions with a testimonials wall, a Book-a-demo form, and centered auth cards; IntersectionObserver scroll-reveal entrances and full hover states throughout, all imagery/logos vendored locally, no build step, fully offline in both light and dark modeHTML, CSS, vanilla JS, Hubot Sans, Inter, IBM Plex Mono
echoFaithful 11-page clone of the "Echo" premium Next.js portfolio template by shadcnblocks.com — a minimal, typography-forward developer/maker portfolio on the shadcn/ui neutral monochrome theme (near-black ink on white / near-white on black), vendored variable Funnel Sans, and a floating icon-pill top nav with a GitHub-stars button and a light/dark theme toggle (localStorage-persisted, prefers-color-scheme, no-flash boot); pages are home (avatar intro, Selected work 2×2 grid, My stack icon row, About + photo tiles, Experience roles/skills two-column, Latest writing rows), projects (filter tabs All/Featured/Open Source/Personal over a 14-card grid), about (hero photo, Story, Favorite movies/cars list rows, Currently building, Latest writing), articles (4-row list), four project detail pages (cover, intro, project-stack icons, alternating image/caption showcase blocks, Highlights bullets, More projects) and three article detail pages (prose body with headings, blockquote, bullet lists, dark syntax-highlighted code block, Copy-link clipboard, Related articles); all colors driven through light/dark CSS custom-property tokens, IntersectionObserver entrance reveals, card/row/nav hover states, and a contribution-graph footer; 50 webp/svg images and Funnel Sans woff2 vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Funnel Sans
premium/shadcnblocks/hatchPixel-faithful clone of the shadcnblocks "Hatch" freelance product-designer portfolio template — an 18-page editorial site (home, about, services index + 4 service detail pages, work index + 6 case-study detail pages, contact, and the source's 404/subscribe/book routes) on a white/near-black palette with a signature red-orange CTA (#fb001a) and a native light/dark theme toggle (localStorage + prefers-color-scheme, no-flash boot); Castoro serif display, Inter body, IBM Plex Mono eyebrows and Caveat all self-hosted; a red promo bar, a sticky blur header with desktop nav, theme toggle, "Book a call" CTA and a slide-in mobile hamburger menu, a serif hero with a trust-avatar row, a 3-column work grid with gradient "View project" hover overlays and image-zoom, a "calm process" arrow list, a four-card services teaser, a two-tier pricing block ($1,500 one-time / $2,000-a-month subscription with a "Most Popular" badge), case-study detail pages (role/timeline/focus meta, cover, Challenge/What I Did prose, gallery, more-work grid), service detail pages (deliverable groups, starting price, recent work), an about timeline, and a contact page with details + message form; IntersectionObserver scroll-reveal entrance animations, full hover states, fonts and all imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Castoro, Inter, IBM Plex Mono, Caveat
hivePixel-faithful clone of the Shadcnblocks "Hive" premium template — a 22-page monochrome branding-agency site (home, studio/about, services + 4 service details, work/projects + 12 project details, contact, careers) on the neutral shadcn palette (#fff/#0a0a0a/#f5f5f5/#e5e5e5) with Inter + Instrument Serif; a sticky blur header (hamburger → fullscreen centered overlay menu, flower logo mark, "Work with Hive" pill, a live-clock pill, and a sun/moon theme toggle persisted to localStorage with a no-flash boot script), full light AND dark themes driven entirely by CSS custom properties, IntersectionObserver fade-and-rise scroll reveals, image hover-zoom, a project-grid category filter, a multi/single-select pill contact form, and a shared dark footer; all 90+ webp project/team/testimonial images and fonts vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Instrument Serif
premium/shadcnblocks/kintoPixel-faithful clone of the shadcnblocks "Kinto" journaling-app marketing template — a 14-page warm editorial site (home, about, pricing, blog index + 6 posts, changelog, login, signup, privacy, terms) in a cream/paper light mode and near-black dark mode with a gold accent, vendored DM Serif Display (italic accent words) / DM Sans / JetBrains Mono fonts; a floating pill header with a persisted, prefers-color-scheme-aware light/dark theme toggle and mobile menu, a hero with a floating insight card and phone mockup, stat rows and recurring-theme/emotional-tone charts, a dashboard mockup, a "story so far" 11,975+ counter block, a testimonial wall, a two-plan pricing comparison on a permanent dark band, a numbered FAQ, split-screen auth pages with a serif pull-quote, a year-watermarked changelog timeline, blog articles with mono margin-notes, and long-form legal pages; IntersectionObserver scroll reveals and hover states throughout, all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, DM Serif Display, DM Sans, JetBrains Mono
premium/shadcnblocks/lumenPixel-faithful clone of the shadcnblocks "Lumen" SaaS marketing template (shadcn/ui + Tailwind v4) — a 20-page site (home, about, pricing, blog index + 10 posts, faq, signin, signup, contact [the source's 404], terms, privacy) on the shadcn neutral OKLCH design system with soft pastel aurora gradients, Inter + IBM Plex Mono, and a built-in light and dark theme (sun/moon navbar toggle persisted to localStorage, prefers-color-scheme-aware, no-flash boot); a shared sticky blur header (Lumen wordmark, Features dropdown, theme toggle, Sign in, Get started, mobile hamburger) and a four-column footer with app-store badges; the home page reproduces an aurora hero with a dashboard mock, a logo marquee, a 6-card feature grid, alternating feature-showcase rows, a testimonial trio, a single-open FAQ accordion, and a Pro-Access CTA band; pricing adds two plan cards with a monthly/annual toggle and a full Free/Pro/Business/Enterprise comparison table, about adds a photo collage + stat strip + benefits showcase + "Why we began" story, blog adds a featured post, category filter tabs, and a card grid with pagination, and signin/signup are full-bleed split layouts with a vivid aurora panel; IntersectionObserver scroll reveals, hover states, accordion + marquee animation; all imagery, logos, and blog/author photos vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, IBM Plex Mono
premium/shadcnblocks/mainlinePixel-faithful clone of the "Mainline" open-source Next.js template by shadcnblocks (built with shadcn/ui + Tailwind 4) — an 8-page SaaS / product-management marketing site (home, about, pricing, FAQ, contact, login, signup, privacy) on the shadcn neutral OKLCH design system with a warm gold/tan primary, Inter + DM Sans, and a built-in light and dark theme (sun/moon navbar toggle persisted to localStorage, prefers-color-scheme-aware, no-flash boot); a shared floating dark-pill navbar (logo wordmark, hover/click Features dropdown, theme toggle, Login, GitHub, mobile hamburger) and a "Start your free trial today" CTA footer with a giant faint "mainline" watermark; the home page reproduces a split hero with a browser-mockup screenshot and dashed feature list, a grayscale logo cloud, a tabbed "Made for modern product teams" feature-card section, a resource-allocation block, a "Trusted by product builders" testimonial carousel, Free/Startup/Enterprise pricing tiles with a billed-annually switch, and grouped FAQ accordions; pricing adds a full Usage/Features/Support comparison table, about adds stat tiles + image collage + investors row, contact adds an inquiries form, login/signup are centered auth cards; IntersectionObserver scroll reveals, hover states, accordion height/chevron animation; all 38 images, the logo, and fonts vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, DM Sans
premium/shadcnblocks/metafiSame-to-same clone of Shadcnblocks' "Metafi" fintech payments SaaS template — a 14-page marketing site (home, features, integrations, about, pricing, blog index + post, contact, login, signup, careers, privacy, terms, cookie policy) on the shadcn/ui design system with Tailwind v4-style OKLCH color tokens and the Inter typeface; a sticky backdrop-blur header and a dark bg-primary footer injected by shared JS, a working light/dark theme toggle (no-flash boot, localStorage persistence, honors prefers-color-scheme), a hero with a dashboard mockup and grayscale logo strip, a bordered feature grid, integration cards, a masonry testimonial wall, a single-open FAQ accordion, a blog card grid, a monthly/yearly pricing toggle that swaps prices, auth cards with social buttons, and long-form legal prose; IntersectionObserver scroll reveals, hover states, and a mobile hamburger menu; all fonts via CDN and imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
plasmaPixel-faithful clone of the shadcnblocks.com "Plasma" shadcn/ui template — a 15-page dark-first SaaS / developer-tool site (home, product, pricing, about, changelog, download, sign in, sign up, a Fumadocs-style docs hub + six docs sub-pages: installation, core-concepts, ai-prompts, file-systems, crm-csv, cli) for a fictional local-first automation engine, on a near-black indigo canvas (#000002) with a signature purple→magenta "plasma" gradient (#735fe9 → #ce47eb) used in hero headlines, the glowing footer CTA band, primary buttons and chart accents, Inter throughout; a dismissible promo banner, sticky blurred header with a Radix-style "Products" dropdown (chevron rotate), a theme toggle, and shared footer CTA band are reused across the marketing pages; the auth pages use a split card with a gradient noise-textured artwork panel + testimonial and a form with Google sign-in and password eye-toggles; the docs use a three-column shell (collapsible sidebar, ⌘K search, prose with copy-button code blocks, card grids, tabs, accordions, API tables, prev/next pager, and an "On this page" TOC); every color is driven through shadcn light/dark theme tokens with a localStorage-persisted no-flash toggle, IntersectionObserver scroll-entrance reveals, dropdown/accordion/tab interactions, fonts + imagery + logos vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
relativePixel-faithful clone of the "Relative" shadcn/ui SaaS productivity-app marketing template (sold on shadcnblocks.com; live demo on Vercel) — a 9-page site (home, about, pricing, FAQ, contact, login, signup, terms of service, 404) rebuilt as plain static HTML/CSS/vanilla JS with all colors driven by shadcn/ui HSL design tokens so the whole site recolors between light and dark mode; a dismissible "Purchase this theme" banner, a sticky blur header with a lucide-boxes "Relative" logo, a Features dropdown mega-menu, theme toggle (sun/moon, localStorage-persisted, no-flash boot, honors prefers-color-scheme), and a mobile slide-in menu; the home page reproduces a centered "Say Goodbye to Task Overload" hero with a dashboard mockup, a grayscale partner-logo strip, "Smart productivity with AI" 3-card grid, a "Stay agile with adaptive workflows" image+rows split, an "Optimize every aspect of your day" mockup, a 4-step numbered "Accelerate your planning journey", a 6-card testimonials grid, a 3-tier pricing teaser (Basic $19 / Business $29 featured / Enterprise $49), and a FAQ accordion; the pricing page adds a Monthly/Yearly billing toggle and a Core Tools / Productivity Insights / Workflow Automation comparison table, plus centered auth cards (Google sign-in), a contact form with info blocks, and a long-form terms page; IntersectionObserver scroll-reveals, hover states, fonts via system sans, and all images/SVGs vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
scalarPixel-faithful clone of the shadcnblocks "Scalar" shadcn/ui CMS template — a 29-page developer-first headless-CMS marketing + docs site (home, about, roadmap, faq, blog index + 8 blog posts, docs overview + 10 fumadocs-style doc pages, contact, login, signup, privacy-policy, terms-of-service) on a monochrome OKLCH neutral ramp with a single blue accent (oklch(57% .2328 264)), Inter + IBM Plex Mono; a dismissible promo bar and sticky blur header (logo, Product ▾ dropdown, nav, GitHub stars, sun/moon theme toggle, Log In, Start Free Trial), a hero with a content-table mockup, feature/code/logo-cloud/testimonial sections, a shared dark "Start free. Scale confidently." Open-Source-vs-Cloud CTA, a footer with social icons + "All systems operational" and a giant faint "Scalar" watermark; a 3-column docs layout (sidebar tree / prose / "On this page" scroll-spy TOC + prev-next pager), filter-tab blog & roadmap, a category-tabbed FAQ accordion, working light/dark themes (token-driven, prefers-color-scheme + localStorage), mobile hamburger, IntersectionObserver reveals; Inter + IBM Plex Mono fonts and all imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, IBM Plex Mono
premium/shadcnblocks/sonicPixel-faithful clone of the shadcnblocks "Sonic" premium Next.js speaker / audio product template, rebuilt same-to-same as a 15-page static site (home, product, specifications, about, pricing, contact, blog index + 6 blog posts, terms-of-service, privacy-policy) — a minimal monochrome black/white/grey design on the vendored SF Pro Display typeface with a light + dark theme system (CSS custom-property tokens, prefers-color-scheme, a header sun/moon toggle with a circular startViewTransition clip-path mask, persisted to localStorage and a no-flash boot script); a dismissible promo banner, a sticky blur header (SONIC wordmark, nav, theme toggle, "Buy now" pill, slide-in mobile drawer), large centered display headlines, rounded 24px product photography, pill CTAs, a home FAQ accordion, stats band, testimonials grid, a sticky-image spec sheet, a product pricing trio with a featured center card, a "Write us" contact form, a 6-card blog grid, long-form article + legal pages, a shared text-only "Get your perfect speaker now!" CTA band, and a footer with a giant ghost "SONIC" wordmark; IntersectionObserver scroll-reveal entrances, SF Pro Display font + product/blog webp imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, SF Pro Display
premium/shadcnblocks/streamlineFaithful same-to-same clone of the shadcnblocks "Streamline" SaaS landing template — an 11-page, theme-dependent (light + dark) marketing site for a fictional issue-tracking product on a warm off-white (#EEECE7) canvas with near-black ink, Inter Tight display headings + Inter body, and shadcn HSL design tokens; a dismissible announcement bar, a sticky nav with a Product dropdown and a persisted light/dark theme toggle, a hero with a dashboard-mockup carousel, a logo marquee, stat cards, a bento feature grid, a feature-tab switcher, a testimonial carousel, Free/Startup/Enterprise pricing with a billed-annually toggle, a two-column FAQ accordion, and a dark CTA, plus about, pricing (with a feature-comparison table), contact, faq (sidebar + grouped accordions), login, signup, terms, privacy, and a 404 page; IntersectionObserver scroll-reveal entrances, accordions, carousels, tabs, and all hover states ported from the source, fonts via Google Fonts and all images/logos/favicon vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Inter Tight
premium/shadcnblocks/zippayPixel-faithful clone of shadcnblocks' "Zippay" fintech / spend-management SaaS marketing template — a 13-page site (home, about, feature1, feature2, integrations, pricing, faq, contact, login, signup, blog, privacy, terms) on a crisp white/light-gray canvas with a vivid emerald-green brand accent and deep forest-green hero / CTA / footer panels, Inter type, and a shadcn / Tailwind v4 OKLCH theme that works in light and dark mode (CSS custom-property tokens, persisted via localStorage, honoring prefers-color-scheme, no-flash boot); a sticky header (Zippay cross logo, Product dropdown → Feature 1 / Feature 2, nav, sun/moon theme toggle, Sign In, Get Started, mobile hamburger), a repeated "A Better Way to Manage Your Money" forest CTA band, and a four-column forest footer are shared across every page; a hero dashboard-balance card, icon feature grids, image/text split sections, a phone-mockup feature band, a testimonial grid, a 3-tier pricing table with a highlighted Pro plan + a green-dot comparison accordion, an 8-card FAQ grid, a forest full-panel login/signup with Google/Twitter OAuth, a blog index with featured post + category filter + pagination, and long-form legal pages; IntersectionObserver scroll-reveal entrances, hover lifts, and accordion expand throughout; Inter from CDN, all images/icons/fonts vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
emerald-aiPixel-faithful clone of Shipixen's "Emerald AI" landing page template — a single long-scroll dark-first AI-SaaS marketing page on a near-black gray-950 canvas with glassy violet→fuchsia gradient accents and a teal/emerald glow, Rubik + Roboto Serif typography, and a full light/dark theme toggle driven by CSS custom-property tokens (localStorage-persisted, no-flash boot, dark default); a top trust strip, a sticky blur header with nav, theme toggle and mobile hamburger menu, a split hero (Product-of-the-Day badge, gradient headline, Buy/Learn CTAs, $350-off pricing pill, avatar-stack social proof, glassy product panel), alternating feature sections with media, glowy full-width feature/CTA banners, a 4.9/5 rating band, a masonry testimonial wall, a six-card bento feature grid, an aria-expanded FAQ accordion with animated height + chevron rotation, and a multi-column footer; IntersectionObserver scroll-reveal entrances and hover states throughout, all images and avatars vendored locally, no build step, fully offline in both light and dark modeHTML, CSS, vanilla JS, Rubik, Roboto Serif
front-centrePixel-faithful clone of Shipixen's (Page UI) "Front Centre" landing page template — a single-page marketing site for a fictional front-end learning platform, clean and playful with a soft cream/pale-yellow hero on white, bold Roboto display headings over Roboto Mono body copy, cyan primary #06b6d4 and yellow secondary #eab308 accents, and a full light/dark theme toggle (honors prefers-color-scheme, localStorage-persisted, no-flash boot); an announcement bar, a shield-logo navbar with theme toggle, a centered hero (laurel Product-of-the-Day badge, "$50 off" note, avatar-stack + 5-star social proof) over a gradient-framed dark app screenshot with floating UI widget cards, a pale-cyan "used by the best" brand-icon band, alternating check-bullet feature rows, a yellow-wash "interactive projects" section, a 2×2 courses grid with autoplay looping muted videos, a "12000+ developers" band, a 3-column masonry testimonial wall with verified-tick quote cards, a sign-up CTA, a Radix-style FAQ accordion (chevron rotation + height animation), and the Shipixen marketing footer; IntersectionObserver scroll-reveal entrances and hover lift/darken states throughout, all assets vendored locally, no build step, fully offline in both light and dark modeHTML, CSS, vanilla JS, Roboto, Roboto Mono
premium/shipxen/gnomie-aiSame-to-same clone of Shipixen's "Gnomie AI" garden-design landing-page template (a Page UI demo) — a single long-scroll SaaS marketing page for a fictional AI garden-design tool on a magenta/pink (#e52679) + lime-green (#84cc16) accent system over white, with Montserrat display headings and Hind body and a working light/dark theme toggle (CSS custom-property tokens, localStorage-persisted, honors prefers-color-scheme); a sticky blur header (gnome logo, Features/Docs nav, sun/moon theme toggle, lime "Try Gnomie for free" CTA, mobile hamburger), a green-tinted hero with a cactus emoji, plain two-line headline and a dark app-screenshot media frame inside a pink→orange→lime gradient border, a rotating auto-advancing "Made with Gnomie" user-card strip, two alternating feature/benefit sections with icon feature lists and a pink bonus card, a four-card "Your garden, reimagined" before/after case-study grid with image-zoom hover, two stacked-avatar "110k+ happy gardeners" CTA banners, a six-card "Gardeners Love Gnomie" testimonial grid, a two-tier pricing block (Casual $25/mo·$250/yr, Enthusiast $39/mo·$399/yr) with a Monthly/Annually toggle that swaps prices, a ten-item FAQ accordion (chevron rotate + height animation, open question turns pink) on a pink panel, and a multi-column Shipixen footer; IntersectionObserver scroll-reveal entrances and hover states throughout, all picsum imagery and avatars vendored locally, no build step, fully offline in both light and dark modeHTML, CSS, vanilla JS, Montserrat, Hind
premium/shipxen/minimum-viaSame-to-same clone of Shipixen's "Minimum Via" landing-page template — a single quiet, minimalist agency/service marketing page on a near-white canvas pairing a "Roboto Slab" slab-serif display face with an Inter sans body, with a working light and dark theme (CSS custom-property tokens, sun/moon header toggle persisted to localStorage, prefers-color-scheme-aware, no-flash boot); a sticky blur header (logo, search + theme-toggle icon buttons, Install button), a centered hero ("Plain language. Great results." + lead + Hire us button + a 5-star avatar-stack proof row), a two-column "All you ever needed" service grid on a grey panel, a full-width product/dashboard showcase frame, a centered "Hire us for your next project" CTA, a three-card team row with grayscale-to-color photo hover, a "Work with the best" logo strip, a masonry testimonial wall, a "Simple can be extraordinary" closing CTA, a three-item FAQ accordion (chevron rotate + height animation), and a multi-column Shipixen footer; hover states throughout, images/avatars/dashboard vendored locally, fonts via Google Fonts, no build step, fully offline in both light and dark modeHTML, CSS, vanilla JS, Roboto Slab, Inter
screenshot-twoSame-to-same clone of Shipixen's "Screenshot Two" landing-page template — a single-page screenshot-API marketing site on a sky-blue (#0ea5e9) / indigo (#6366f1) accent system over white, with DM Serif Display headings and DM Sans body; a floating blur header (Features/Docs/Page UI nav, search, light/dark theme toggle, Get Shipixen CTA, mobile hamburger), a centered hero with a browser mockup and a Product-Hunt "1st" laurel badge, an avatar+star social-proof row with floating widget cards, three alternating image-left/image-right feature sections with checkmark sub-features, a sky-blue CTA band with a stacked-avatar "99+ happy developers" proof, an autoplay video "Automate and Elevate" section, a masonry testimonial grid with verified handles, a Radix-style FAQ accordion (chevron rotate + height animation), and a multi-column footer; IntersectionObserver scroll reveals, working light/dark theme toggle (localStorage + prefers-color-scheme), all fonts/images/video/avatars vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, DM Serif Display, DM Sans
premium/shipxen/spectaPixel-faithful clone of the "Specta" landing-page template (Page UI, shown in the Shipixen demo gallery) — a single long-scroll dark-first marketing page for a fictional AI video-editing SaaS on a near-black slate (rgb(3,7,18)) canvas with a pink (#ec4899) → indigo (#6366f1) brand spectrum, Syne display headings + Inter body, and a working light/dark theme system (CSS custom-property tokens, persisted to localStorage, dark shipped as default); a sticky blur nav with a sun/moon toggle and mobile hamburger menu, a centered hero with a gradient-clip headline, an avatar-stack proof and a gradient-framed autoplay product video with floating testimonial popovers, an infinite logo/star ticker marquee (pause-on-hover), three alternating feature sections (Create / Import / Manage) with eyebrow labels, icon feature lists, pink CTAs and vendored backdrop media panels, an "Insert ads and earn money" 2×2 gradient-card grid, a magenta-glow testimonial panel with a six-card grid, a final CTA, and a multi-column Shipixen footer; IntersectionObserver scroll-reveal entrances and hover states throughout, fonts via Google Fonts and all backdrops/avatars/video vendored locally, no build step, fully offline in both light and dark modeHTML, CSS, vanilla JS, Syne, Inter
premium/tailgrids/aichatPixel-faithful clone of Tailgrids' "AIChat" AI chat interface template — a single-page chat UI with a collapsible sidebar (project grouping, chat history, search, new-chat), a welcome state with gradient title and quick-action chips, a rich chat input with file attachment and model selector, persistent light/dark mode via localStorage, and hover-reveal three-dot sidebar item menus; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/aispacePixel-faithful clone of Tailgrids' "AISpace" React AI SaaS template — a 9-page marketing site (home, features, pricing, about, blog list, blog detail, contact, sign in, sign up) with a persistent local storage dark mode theme, sticky scrolling headers, and custom swiper-like testimonial sliders; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/appspacePixel-faithful clone of Tailgrids' "AppSpace" React mobile landing template — a 7-page promotion site (home landing, features grid, pricing table, contact form, blog listing, blog single detail, sign in, sign up, 404 page) with a persistent local storage dark mode theme, client marquees, FAQ accordions, and CSS variable styling; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/bizspacePixel-faithful clone of Tailgrids' "BizSpace" React business consulting website template — an 8-page marketing site (home landing, services list, portfolio page, portfolio single detail, contact form, blog listing, blog single detail, 404 page) with a persistent local storage dark mode theme, client marquees, team cards, and custom Swiper-JS testimonial sliders; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/dashspacePixel-faithful clone of TailGrids' "DashSpace" React admin dashboard template — a 5-page SaaS dashboard (analytics home with KPI cards and bar/donut charts, calendar with month-view event grid, tables with paginated order history, profile with cover and bio, charts library with area/bar/donut charts) with a persistent localStorage dark mode theme, ApexCharts data visualization, collapsible sidebar navigation with dropdowns, and a mobile hamburger toggle; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
fincashPixel-faithful clone of Tailgrids' "Fincash" financial landing page template — a high-end, sleek design with a dark neutral-950 backdrop, lime-neon accents (#d2fb64), translucent sticky headers, and dynamic Swiper.js reviews; plain HTML, CSS, and vanilla JS with zero external dependencies and full theme support, local image assets, fully offlineHTML, CSS, vanilla JS, Swiper
premium/tailgrids/fundexPixel-faithful clone of Tailgrids' "Fundex" React personal finance dashboard template — a 5-page stat dashboard (home, transactions table, analytics chart, budgets status, settings form) with a persistent local storage dark mode theme, debit card carousel sliders, and cmd+K global search shortcuts; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/lyticPixel-faithful clone of TailGrids' "Lytic" analytics dashboard template — a 7-page SaaS analytics UI (overview with KPI cards and area/bar charts, analytics with traffic trend and device donut, revenue with dual-series area charts and subscription donut, campaign with performance chart and channel distribution, users table with roles and status badges, settings with tabbed workspace config form, help center with support ticket form) with a collapsible 260px sidebar, ApexCharts data visualizations, full light/dark mode via CSS custom properties, mobile-responsive overlay menu, and DM Sans typography; all fonts and assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, ApexCharts
premium/tailgrids/neoxaPixel-faithful clone of Tailgrids' "Neoxa" React SaaS Dashboard template — a 10-page admin dashboard (home, users, orders, invoices, support, settings, sign in, sign up, reset password, two-step verification) with a persistent local storage dark mode theme, ApexCharts charts, collapsible sidebars, and dropdown toggles; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/nexstudioPixel-faithful clone of Tailgrids' "NexStudio" React creative agency website template — a 10-page site (home, portfolio, portfolio details x2, about, services, blog list, blog details x2, contact) with an Inter-based monochrome palette, a sticky header with two-way sliding nav-link animations, infinite client logo marquee, Swiper.js testimonial carousel, scroll-reveal counters, and light/dark mode toggle; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/originxPixel-faithful clone of Tailgrids' "Originx" React startup and business website template — a multi-page site (home, services, about, blog list, blog detail, sign up, sign in) with a light-grey theme body (#F5F5F5), vibrant coral-orange accents (#FF7C61), local storage dark mode toggle, and custom scroll animations; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/saaslyPixel-faithful clone of Tailgrids' "Saasly" React business SaaS marketing landing page template — a 5-page site (home, features, pricing, about, contact) on a clean light gray default palette with indigo accents (#155dfc), a floating header that snaps sticky to the top on scroll, team biography cards, and custom theme-dependent CSS variables with light/dark mode support; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/saasspacePixel-faithful clone of Tailgrids' "SaaSSpace" React software platform and startup template — a 7-page marketing site (home landing, features detail, pricing plans, about startup, contact form, blog listing, blog single detail) with a persistent local storage dark mode theme, client marquees, FAQ accordions, and custom plan toggles; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/synthaiPixel-faithful clone of Tailgrids' "SynthAI" React AI business assistant template — a 10-page marketing site (home overview, features cards, pricing plans, about team, blog list, blog detail, contacts form, privacy policy, terms of service, 404 page) with a persistent local storage dark mode theme, client logo marquees, integration grids, and steps timeline; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/techselfPixel-faithful clone of Tailgrids' "TechSelf" React electronics and gadget e-commerce website template — a 5-page site (home, shop directory, product details, billing checkout, thank you screen) with a dark theme toggle, an interactive local-storage cart drawer, detail galleries, and dynamic filters; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/writematePixel-faithful clone of Tailgrids' "Writemate" React AI writing assistant landing page template — a 5-page site (home, pricing, docs, support, tools) on a polished monochrome/zinc-950 dark canvas with a sticky header with backdrop blur, accordion-style FAQ collapse/expand toggles, a horizontal reviews marquee, and custom theme-dependent CSS variables with light/dark mode support; all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/cmsPixel-faithful clone of TailGrids' CMS admin dashboard template — an 8-page admin UI (dashboard, analytics, all posts, create post, drafts, scheduled posts, members, revenue) with a fixed 272px sidebar, sticky header, inline SVG line and donut charts, DM Sans typography, status pill badges (Published/Draft/Scheduled/Active/Inactive/Cancelled), and a light/dark mode toggle via data-theme on html; all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/tailgrids/filemanagerPixel-faithful clone of TailGrids' File Manager dashboard template — a 6-page file management UI (overview, my files, shared files, favorites, recent, trash) with a fixed 272px sidebar, sticky header with search, storage usage bar, member status table, recent activity feed, folder/file cards, filter tabs, list/grid view toggle, trash with restore/delete actions; DM Sans typography, #3758F9 primary blue, all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/nextjstemplates/nextjs-demo-tailadminPixel-faithful clone of the TailAdmin Next.js dashboard template — a 10-page admin dashboard (ecommerce home with KPI cards and SVG bar/area charts, analytics, calendar, profile, data tables, forms, messages/chat, 404, sign-in, sign-up) with a collapsible 290px white sidebar, 60px topbar, full light/dark mode via CSS custom properties and localStorage persistence, Outfit typography, and a #465FFF primary blue accent; all fonts and assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Outfit
premium/tailwindcss/catalystPixel-faithful clone of the Tailwind Plus "Catalyst" application UI kit demo — a 37-page fictional event-management admin dashboard (home dashboard, events list + 4 event details, orders list + 26 order details, settings, and login/register/forgot-password auth pages) on the Tailwind v4 zinc neutral ramp (OKLCH/lab) with a blue-500 focus accent, self-hosted Inter Variable, and built-in light/dark color schemes; a fixed w-64 sidebar app layout (team-switcher dropdown, Home/Events/Orders/Settings nav with an active left-edge pill, Upcoming Events list, Support/Changelog, and an Erica account dropdown) wrapping a rounded white content panel that floats on a zinc-100 page, plus a separate centered card auth layout; the original's compiled Tailwind v4 stylesheet and class-driven markup are preserved for fidelity while the proprietary Headless UI + Next.js runtime is replaced by a small vanilla-JS layer reimplementing the account + team-switcher dropdown menus (blue-500 focus highlight), the mobile slide-in sidebar over a black/30 backdrop, and a manual dark-mode toggle mirrored onto html.dark; status badges (lime "On Sale"/"Successful", zinc "Closed"), whole-row-clickable tables, KPI stat cards, definition-list order details, and a full settings form; Inter Variable font, event photos, the Catalyst logo, the user avatar, and the Canada flag all vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
commitPixel-faithful clone of the Tailwind Plus "Commit" changelog / release-notes template — a single scrolling page for a fictional "open-source Git client for macOS minimalists" on an OKLCH gray ramp with a sky-blue accent, Mona Sans display + Inter body; a fixed, always-dark left intro panel (Commit wordmark logo over a faint skewed constellation line-art SVG and a radial sky→blue glow, a font-light headline with a sky-300 accent, a description, an email-signup form with a layered gradient "Get updates →" button + sky focus ring, and Documentation/GitHub/RSS social link chips that scale a pill and shift to sky-300 on hover, plus a "Brought to you by Joe Davola" credit) beside a scrolling right column of four dated changelog entries (Commit message suggestions / Project configuration files / Dark mode support / Commit v0.1.0), each with a rounded-xl product-screenshot card with an inset ring, a date stamp + gutter tick, a font-display title, prose, and an "[sparkle] Improvements" list, divided from the left panel by a 6×8 dotted-seam SVG rule; the original's compiled Tailwind v4 stylesheet and class-driven markup are preserved for fidelity while the proprietary Next.js + next-themes runtime is replaced by a small vanilla-JS shim reimplementing the same behaviours — a sun/moon theme toggle that flips class="dark" on <html>, persists to localStorage, and respects prefers-color-scheme via an inline no-flash boot script, plus the decorative email form; Inter + Mona Sans fonts, the four changelog screenshots, and the favicon all vendored locally, fully offlineHTML, CSS, vanilla JS, Inter, Mona Sans
compassPixel-faithful clone of the Tailwind Plus "Compass" online-course / personal-website template — a 29-page editorial reading experience (a course overview home, 20 lesson article pages sharing one article layout, an interviews grid, 6 individual interview detail pages, and a resources page) for a fictional self-help course on a light OKLCH gray ramp with self-hosted Inter Variable + Geist Mono; a fixed left course sidebar listing four chapters of lessons (active lesson aria-current=page), a sticky frosted top bar with breadcrumb + Course/Interviews/Resources/Account nav, masked hero-background band, and prose articles with light/dark diagram images, Shiki code blocks, and a right "On this page" scroll-spy TOC; the original's compiled Tailwind v4 stylesheet and class-driven markup are preserved for fidelity while the proprietary Headless UI + Next.js runtime is replaced by a small vanilla-JS shim reimplementing the same behaviours — sidebar collapse (data-sidebar-collapsed), mobile menu, Account dropdown menu (Settings/Support/Sign out), IntersectionObserver TOC scroll-spy, hover/focus data-* states, and native <video> playback with an off-screen mini-player dock; Inter + Geist Mono fonts, all imagery and lesson/interview video vendored locally, fully offlineHTML, CSS, vanilla JS, Inter, Geist Mono
premium/tailwindcss/keynotePixel-faithful clone of the Tailwind Plus "Keynote" conference landing template (the fictional "DeceptiConf" event — "A design conference for the dark side") — a single long-scroll page on a soft indigo-50 field with a blurred diagonal blue/teal brand glow bleeding behind the hero and schedule, DM Sans display + Inter body + a monospace accent for dates/times, and a blue-600/blue-900 ink palette; a flex-wrap header (two-tone chevron DeceptiConf logo, centered mono "04-06 of April, 2022 · Los Angeles, CA" row, blue "Get your tickets" button), a hero with a 4-up stats row (Speakers 18 · People Attending 2,091 · Staples Center · Los Angeles), a Speakers section whose left day-tab group (Opening Day / Speakers & Workshops / Interviews) swaps a panel of six notched ticket-stub portrait cards (SVG clip-path, offset blue-300 border frame, scale-up-on-hover image) per day, a Schedule section rendered as three day columns on desktop and a swappable day-tab list on mobile (talk name, title, mono time slot, hairline dividers, a Lunch row), a 6-logo sponsors cloud (Transistor/Tuple/StaticKit/Mirage/Laravel/Statamic), an indigo newsletter card with a blurred glow + email pill, and a footer; the proprietary Headless UI + Next.js runtime is replaced by a small vanilla-JS shim reimplementing both accessible tab groups (arrow-key navigation, aria-selected) plus CSS hover states; Inter + DM Sans fonts, 18 speaker photos, sponsor SVGs, and background glow JPEGs all vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, DM Sans
oatmeal-saas-kitPixel-faithful clone of the Tailwind Plus "Oatmeal" SaaS marketing kit (olive + Instrument Serif theme) — a 13-page site (home ×3, about ×3, pricing ×3, privacy-policy ×2, 404 ×2) for a fictional customer-support inbox product on a soft olive/cream OKLCH palette with an elegant Instrument Serif display face over Inter; a shared centered "Oatmeal." nav (Pricing · About · Docs · Log in · black "Get started" pill) and a four-column footer with a "Stay in the loop" email capture are consistent across every page; the original's compiled Tailwind v4 stylesheet and class-driven markup are preserved for fidelity while the proprietary @tailwindplus/elements module is replaced by a small vanilla-JS shim that reimplements the same command/commandfor behaviors — mobile-menu <dialog>, FAQ disclosures (plus↔minus icon swap), pricing Monthly/Yearly tabs, and a click-to-copy npm install snippet — plus an IntersectionObserver reveal helper; Inter + Instrument Serif fonts, logos, avatars, and screenshot imagery all vendored locally, fully offlineHTML, CSS, vanilla JS, Inter, Instrument Serif
pocketPixel-faithful clone of the Tailwind Plus "Pocket" mobile-app marketing template — a 3-page site (home, login, register) for a tongue-in-cheek stock-trading app on a neutral-gray scale with a cyan (#00b7d7) accent and self-hosted Inter Variable; the home page reproduces the full Pocket layout built around a reusable iPhone PhoneFrame SVG: a hero with an in-app chart AppDemo over a concentric-circle backdrop, an "As featured in" eight-logo news cloud, a dark primary-features section whose 3 tabs auto-rotate and cross-fade the phone's app screens (invite form / stocks list / buy shares) — a snap carousel with dots on mobile — a bordered 3×2 secondary-features icon grid, a dark "Get your first tips today" CTA, an animated 3-column reviews marquee of 14 cards with cyan stars, a Monthly/Annually pricing toggle over Starter $0 / Investor $7 / VIP $199 (dark featured) plan cards, and a 3-column FAQ; the proprietary Next.js + Headless UI + Framer Motion runtime is replaced by a small vanilla-JS shim reimplementing the mobile-nav popover, auto-rotating feature tabs, pricing toggle, marquee, and IntersectionObserver reveals, plus centered-card login/register pages; Inter font, phone-frame SVG, news-logo SVGs, and QR code all vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
primerPixel-faithful clone of the Tailwind Plus "Primer" info-product / book-course landing template — a single long-scroll page for a fictional icon-design book + video course ("Everything Starts as a Square" by Mira Lindehoff) on a white/slate canvas with an electric blue (#155DFC) accent, Cabinet Grotesk display + Inter body; a dark book-cover hero over a full-width slate-50 band with a 5-star testimonial and a blue angled blade, a blue-check "what you'll learn" intro, a sticky numbered section-tab nav (01–05) that tracks the active section on scroll with a gliding glow + underline, a "See more" table-of-contents expand, gradient screencast cards, illustrated resource cards (Figma / macOS-teardown / Discord), a full-bleed blue "Get the free sample chapters" banner with a generated square/circle glyph grid + email form, Essential ($15) / Complete ($229 elevated) pricing cards, a 3-column testimonials masonry, an author card with an overlapping circular photo over a grid watermark, and a mobile dropdown menu; IntersectionObserver scroll-entrance reveals, hover states, fonts + imagery + SVGs vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Cabinet Grotesk, Inter
protocolPixel-faithful clone of the Tailwind Plus "Protocol" API-documentation template — a 12-page developer-docs site (Introduction home, Quickstart, SDKs, Authentication, Pagination, Errors, Webhooks guides, plus Contacts/Conversations/Messages/Groups/Attachments API-resource pages) for a fictional messaging API, on an OKLCH zinc ramp with an emerald accent and a masked emerald→lime hero grid; a fixed left sidebar nav (Guides + Resources) with a sliding active-link highlight pill, a sticky frosted top bar (Command-K search pill, theme toggle, Sign in), centered prose content, and two-column resource pages with sticky dark tabbed code panels (cURL/JavaScript/Python/PHP Request + Response); the original's compiled Tailwind v4 stylesheet and class-driven markup are preserved for fidelity while the proprietary Headless UI + Next.js + Framer-Motion runtime is replaced by a small vanilla-JS shim reimplementing the same behaviours — localStorage dark-mode toggle, mobile nav drawer, Command-K search modal, sidebar scroll-spy highlight, code-panel tabs, copy-button, and a "Was this page helpful?" toggle; all four code-language variants captured per panel, fonts/icons vendored locally, fully offlineHTML, CSS, vanilla JS
premium/tailwindcss/radiantPixel-faithful clone of the Tailwind Plus "Radiant" SaaS / startup marketing template — a 16-page site (marketing home, pricing, company/about, blog index, login, and 11 individual blog post articles) for a fictional B2B sales-intelligence product, on a signature warm-yellow→pink→violet gradient (#fff1be → #ee87cb → #b060ff) framed inside a rounded-4xl panel, with the Switzer display face, "plus-mark" hairline grid decorations on the nav/footer, dark contrast bento sections, plan cards + feature-comparison table, a testimonial + FAQ, and team/investor grids; the original's compiled Tailwind v4 stylesheet and class-driven markup are preserved for fidelity while the proprietary Headless UI + Next.js + Framer Motion runtime is replaced by a small vanilla-JS shim reimplementing the mobile-nav disclosure, IntersectionObserver scroll-reveals, and hover/focus data-* states; Switzer 400/500/600/700 fonts, logos, portraits, map tiles, app/feature screenshots, and blog imagery all vendored locally, fully offlineHTML, CSS, vanilla JS, Switzer
salientPixel-faithful clone of the Tailwind Plus "Salient" SaaS marketing template (showcased as the fictional "TaxPal" accounting product) — a 3-page light, friendly, rounded marketing site (home, login, register) on a slate + blue-600 palette with self-hosted Inter (body) + Lexend (display) variable fonts; the home page reproduces the full Salient layout: a centered hero with a hand-drawn SVG squiggle under "made simple", a six-logo cloud, an auto-rotating primary-features tab group (Payroll / Claim expenses / VAT handling / Reporting) whose browser-window screenshot bleeds off the right edge, a secondary-features tab group (Reporting / Inventory / Contacts), full-bleed angled blue gradient CTA bands, a three-column testimonials masonry, a dark pricing block (price-first cards, borderless sides + blue featured middle), and a three-column FAQ; the proprietary Headless UI + Next.js runtime is replaced by a small vanilla-JS shim reimplementing the mobile-nav popover and both feature tab groups, plus split-screen auth pages with a blue gradient panel; Inter + Lexend fonts, screenshots, avatars, logo SVGs, and gradient backgrounds all vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Lexend
studioPixel-faithful clone of the Tailwind Plus "Studio" agency template — a 12-page marketing site (home, about, our work + 3 case-study details, our process, blog + 3 article details, contact) for a fictional Danish development studio on a light editorial canvas with the Mona Sans variable typeface, a signature animated rounded-square "grid pattern" backdrop, and massive tight-tracking display headings; a shared rounded white page sheet over a black body, a header whose "Toggle navigation" hamburger expands a full-width black panel into a 2×2 link grid (Our Work / About Us / Our Process / Blog) + offices + socials (icon morphs hamburger↔X, page sheet pushes down), and a footer with a "Sign up for our newsletter" form are consistent across every page; the original's compiled Tailwind v4 stylesheet and class-driven markup are preserved for fidelity while the proprietary Framer Motion + Headless UI + Next.js runtime is replaced by a small vanilla-JS shim reimplementing the nav flyout and the IntersectionObserver FadeIn scroll-reveal entrances; Mona Sans font, client logos, team photos, and case-study imagery all vendored locally, fully offlineHTML, CSS, vanilla JS, Mona Sans
premium/tailwindcss/syntaxPixel-faithful clone of the Tailwind Plus "Syntax" Markdoc software-documentation template — a 20-page docs site (Getting started home + 19 docs/* article pages across Introduction, Core Concepts, Advanced Guides, API Reference, and Contributing nav sections) for a fictional caching library "CacheAdvance" on a slate ramp with a sky accent, self-hosted Inter (body) + Lexend (display) fonts; a full-width dark slate-900 hero with a gradient "Never miss the cache again." headline, Get started / View on GitHub buttons, a skewed dot-grid SVG with cyan/indigo blur glows, and a syntax-highlighted cache-advance.config.js code panel sits above a classic three-zone docs shell — a sticky header (Command-K search pill, theme listbox, GitHub icon), a fixed left sidebar nav with a sky-500 active-link dot + sliding section highlight, centered prose content with gradient quick-link cards and amber callouts, and a sticky "On this page" scroll-spy TOC; the original's compiled Tailwind v4 stylesheet and class-driven markup are preserved for fidelity while the proprietary Next.js + Headless UI + Framer Motion runtime is replaced by a small vanilla-JS shim reimplementing the same behaviours — Light/Dark/System theme listbox with localStorage + no-flash boot, Command-K search modal, mobile nav slide-over, sidebar + TOC scroll-spy, prev/next pager; Inter + Lexend fonts and decorative blur PNGs vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Lexend
transmitPixel-faithful clone of the Tailwind Plus "Transmit" podcast template (showcased as the fictional show "Their Side," hosted by Eric Gordon / Wes Mantooth) — a 6-page site (home episode index + 5 episode detail pages) on a clean light slate-50/white canvas with self-hosted Satoshi (400/500/700) + a mono meta face, a pink-500 action accent, and a signature blue→violet→pink (#4989E8 → #6159DA → #FF54AD) gradient audio-waveform SVG strip masked across the top of the main column; a fixed left sidebar (square "THEIR SIDE" cover card, show title + blurb, About with violet/pink marker + line-clamp "Show more", Listen provider icons, vertical writing-mode "Hosted by" rail) is shared on every page, and episode pages add a large round play button beside the title with Topics/Sponsors/Links prose marked by colored dot bullets; the proprietary Next.js + React-Aria runtime is replaced by a small vanilla-JS shim reimplementing the sticky bottom audio player (real HTML5 <audio> with play/pause, rewind/forward 10s, scrub slider, mono time output, playback-rate cycle, mute) and the About toggle; Satoshi fonts and cover art vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Satoshi
raw-form-design-system"Studio/Raw" brutalist e-commerce design system rebuilt same-to-same from a reference — warm-palette Swiss brutalism (#E4E2DD base, #DB4A2B accent) with vendored Clash Display + Satoshi, animated multiply-blend gradient blobs, an 18vw RAW/FORM. typographic hero, slide-from-left fill CTA buttons, 12vw OUTERWEAR/OBJECTS category dividers, a borderless 3/4 product grid with a Full Archive tile, a Designed for Movement campaign block, and a dark footer with a 10% 2024 watermarkHTML, Tailwind, vanilla JS, Lucide
realmagic-ticker-scroll"Real Magic" Coca-Cola-flavored horizontal ticker-tape scroll built with GSAP ScrollTrigger — one continuous sentence ("In every bottle, discover the undeniable Real Magic of sharing pure Refreshment that brings us Together") laid out in a single nowrap flex line on a flat #f40009 red stage, read sideways as the pinned viewport scrubs the line horizontally (travel = scrollWidth − vw, end +=travel×1.15, scrub 0.6). Heavy Anton uppercase words alternate with faint italic Instrument-Serif connectives and outlined-stroke accent words (Magic/Together), with inline currentColor SVG glyphs (bottle, rising carbonation bubbles, signature ribbon swoosh, droplet, clinking bottles, heart full-stop) embedded like punctuation with variable per-item margins; idle looping glyph micro-motion, accent depth parallax, a cream scroll-progress bar, grain + vignette overlays, and an "Open happiness." outro after the pin releases. GSAP + fonts vendored locally, fully offlineHTML, CSS, vanilla JS, GSAP, ScrollTrigger, Anton, Instrument Serif
red-sun-editorial-template"Red Sun" Coral & Ink editorial AI-code-generation template built from a detailed design spec — a high-contrast Coral (#EF4623) / Ink (#2D3B42) / Soft Peach (#FDF1EE) palette on vendored Instrument Serif + Manrope, a glass-on-scroll fixed nav with a 3°→12° rotating logo mark, a centered serif hero (italic coral second line) with ambient 110px coral blur blobs, a two-column value-prop bento with a dark floating "UI Simulator" mockup window (traffic dots, shimmering skeletons, glass "Code generated" status bar and looping mono code tags), a 48px-radius three-column features bento (large watermark-icon card, dark accent card, hover-flip standard cards), a 64px-rounded dot-grid coral CTA, and a five-column ink footer; every entry + hover uses cubic-bezier(0.16,1,0.3,1) with a 2° fade-up rotation, fully offlineHTML, CSS, vanilla JS, Instrument Serif, Manrope
season-04-brutalist-store"Season 04 / Studio Raw" high-fashion brutalist storefront built same-to-same from a reference — beige (#E3E2DE) + brownish-black (#1B0E0D) with burnt-red (#C72A09) and acid neon-green (#31EF07) micro-interactions, a persistent fractalNoise multiply grain overlay, vendored Clash Grotesk + General Sans + Space Mono, a mix-blend-difference sticky nav, a 100vh dark hero with a 60%-opacity grayscale image and a 13.5vw split-indented RAW / FORM 04 headline, a 12-col uppercase manifesto with brown-highlighted phrases, 12vw OUTERWEAR/OBJECTS ribbon dividers, an asymmetric offset product grid with neon Quick View badges and burnt-orange hover underlines, and a dark-newsletter footer under a 22vw ghost RAW title; high-contrast grayscale imagery + fonts vendored, fully offlineHTML, CSS, vanilla JS
stellarPixel-faithful clone of Cruip's "Stellar" dark-themed API security SaaS landing page template — an 11-page site (home with particle canvas hero, client logo marquee, features tab switcher, highlight card grid, testimonials Swiper carousel, pricing toggle, CTA, and footer; about with team grid; integrations grid with hover highlight; integration detail; pricing with monthly/yearly toggle and FAQ accordion; customers with case study cards; customer post; changelog; sign in; sign up; reset password) on a deep slate background (rgb(15,23,42)) with violet/indigo accents (#6366F1, #A855F7), Inter font, gradient text headings, AOS scroll animations (ease-out-cubic), a mouse-reactive particle canvas animation, Alpine.js for tab switching and mobile menu, and Swiper.js for carousels; all CSS, JS, and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Alpine.js, Swiper.js, AOS
mosaicPixel-faithful clone of the Cruip Mosaic admin dashboard UI kit — a 64-page comprehensive admin template covering dashboards (main, analytics, fintech), e-commerce (customers, orders, invoices, shop, product, cart flows, payment), community (users, profile, feed, forum, meetups), finance (credit cards, transactions), job board, tasks (kanban and list), messages, calendar, campaigns, settings (notifications, connected apps, plans, billing, feedback), utility pages (changelog, roadmap, FAQs, empty state, 404), authentication (sign in, sign up, reset password), four-step onboarding, and 13 UI component showcase pages; uses Tailwind CSS (pre-compiled), Alpine.js for interactive behavior (collapsible sidebar, dark/light mode toggle, dropdowns, accordions), Chart.js with Moment.js for data visualization (bar, line, area charts), and Flatpickr for date picking; all CSS, JS, and images vendored locally under assets/, no build step, fully offlineHTML, Tailwind CSS, Alpine.js, Chart.js, Moment.js, Flatpickr
shadcnblocks-adminPixel-faithful clone of the Cruip/Shadcnblocks Admin Kit — an 11-page admin dashboard template (9 ecommerce dashboards with varied KPI cards, Chart.js line/bar/area/donut charts, and data tables; a users management table with 30 rows and a tasks board with 100 rows) on the shadcn/ui neutral OKLCH design system with Inter from Google Fonts; a fixed 256px collapsible sidebar with nested submenu navigation and user avatar footer, a sticky header with breadcrumb, search bar, notification bell, and a sun/moon light/dark theme toggle (localStorage-persisted, prefers-color-scheme-aware, no-flash boot), KPI cards with sparklines powered by Chart.js 4 mini canvas charts, data tables with client-side pagination, row checkbox selection, and column sorting, filter toolbar with Status/Priority/Type dropdowns, and responsive mobile sidebar overlay; all colors driven through CSS custom-property design tokens so the entire admin recolors between light and dark mode; Inter from CDN, avatars and logos vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Chart.js 4, Inter
waitlistPixel-faithful clone of Cruip's "Waitlist" coming-soon landing page template — a single-page waitlist capture site on a lavender-indigo background (light) / deep navy (dark) with animated blurred color blobs, vertical decorative border lines, a floating rounded pill header with pinwheel logo, nav links, and a sun/moon dark-mode toggle; a centered hero with a badge, headline, subtitle, email capture form, and avatar group; Inter + Inter Tight fonts vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Inter Tight
simplePixel-faithful clone of the Cruip "Simple" multi-page SaaS landing page template — an 11-page site (home, pricing, customers, blog, blog post, documentation, support, apps, sign in, sign up, reset password) on a warm white (#f9fafb) palette with Inter typography, AOS scroll-triggered entrance animations, Alpine.js interactive components (business category tabs, monthly/annual pricing toggle, FAQ accordions, mobile hamburger nav with dropdown submenu), a masonry testimonials layout, 21 integration logos, and scrollspy documentation sidebar; all assets vendored locally, no build step, fully offlineHTML, CSS, Alpine.js, AOS
grayPixel-faithful clone of the Cruip "Gray" AI creative platform SaaS landing page template — a 4-page site (home, login, reset password, request demo) on a zinc/white palette with Inter + Inter Tight fonts; animated scroll counters (IntersectionObserver + Alpine.js), tabbed feature sections with fade/slide transitions, an interactive pricing slider adjusting plan prices across 5 tiers, infinite-scroll testimonials in two rows (one forward, one reverse, pausing on hover), FAQ accordion with CSS grid-template-rows animation, tooltip popovers on pricing features, dark mixed sections (zinc-800 carousel, zinc-900 testimonials); all assets vendored locally, no build step, fully offlineHTML, CSS, Alpine.js
open-proPixel-faithful clone of the Cruip Open PRO dark-themed SaaS marketing template — a 12-page site (home with animated gradient headline, client logo strip, 3-step workflow, 6-card spotlight hover grid, efficiency checklist, 4-tier pricing preview, and large testimonial; full pricing page with annual/monthly billing toggle; about with team mosaic, team grid of 12, and world map; blog with masonry grid of 15 posts; blog post; help centre with category cards and search; newsletter; contact form; 404; sign in; sign up; reset password) on a near-black background (#030712) with indigo accent gradients (#4f46e5→#6366f1), Inter font, AOS scroll animations (ease-out-sine, 600ms), Alpine.js for desktop/mobile nav dropdowns and hamburger menu, a CSS --mouse-x/--mouse-y spotlight card hover effect, and masonry blog layout; all CSS, JS, and images vendored locally, no build step, fully offlineHTML, CSS, Alpine.js, AOS
devfolioPixel-faithful clone of the Cruip Devfolio developer portfolio template — a single-page minimal portfolio for freelance developers with a centered narrow column (max 728px), light/dark mode toggle (localStorage-persisted, no-flash boot), auto-advancing testimonial carousel (vanilla JS, 3s interval, seamless loop, pause on hover/focus), header images and tutorial cards with tilt/reset rotation on hover, "Available for Work" badge with diagonal shimmer sweep animation, article arrow icons rotating 45° on parent hover, gradient mask-image fade on carousel sides; Inter + Inter Tight fonts and all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Inter Tight
cubePixel-faithful clone of the Cruip "Cube" dark SaaS marketing template — a 4-page site (home, sign-in, sign-up, reset-password) on a deep slate (#0F172A) background with an indigo (#6366F1) primary accent and Inter font; home page covers a hero with halo-ring pulse animation, testimonials grid, feature carousel (Swiper.js, slidesPerView auto), tabbed features section (vanilla JS tab switcher), an integrations hub with icon grid, a pricing table with monthly/annual billing toggle, a FAQ accordion, and a CTA section; auth pages use split-panel (sign-up with avatars + checklist) and centered card (sign-in, reset-password) layouts; AOS scroll animations (ease-out-cubic, 500ms, once:true); images vendored locally, Swiper 11 and AOS 2.3.4 from CDN, no build step, fully offlineHTML, CSS, vanilla JS, Swiper.js, AOS
premium/cruip/fintechPixel-faithful clone of the Cruip "Fintech" neobank card landing page template — a 3-page site (home, apply/get-your-card form, support center) for a custom-card product ("Spark") on a bright blue palette with self-hosted Aspekta display type, a hand-drawn teal underline flourish, floating payment-UI + credit-card illustrations, soft radial-gradient feature sections, gradient SVG feature icons, a four-tier pricing grid (Starter/Smart/You/Black), and a two-column FAQ; AOS fade-up scroll reveals (ease-out-cubic, 700ms, once), a Swiper fade testimonial carousel with clickable bullets, and an Alpine.js collapsible support sidebar with a rotating chevron and slide/fade mobile drawer; all fonts, images, CSS, and JS vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Alpine.js, AOS, Swiper
tidyPixel-faithful clone of the Cruip "Tidy" clean, modern 12-page SaaS landing page and marketing site — a site (home with dark-hero, video-modal, 3-column features grid, two-column feature sections, and footer CTA; pricing with monthly/yearly billing toggle and three-tier plan cards; about with team grid; blog listing; blog post; wall-of-love testimonial grid; wall-of-love single; 404; support FAQ; sign-in; reset-password; request-demo) on a dark navy hero (#101d2d) and clean white body with an Inter font, a blue (#5091ee) primary accent, AOS scroll animations (ease-out-cubic, 500ms, fade-up/left/right variants), Alpine.js for mobile menu, pricing toggle, video modal, dropdown menus, and the compiled Tailwind CSS stylesheet vendored locally; all CSS, JS, images, and a 2.7MB demo video vendored locally, no build step, fully offlineHTML, CSS, Alpine.js, AOS
devspacePixel-faithful clone of the Cruip "DevSpace" developer/maker blog and personal-brand template — a 6-page site (home with avatar hero, Alpine.js article tabs [Coding/Startups/Tutorials/Indie Hacking], article list, Popular Talks video cards, and Open-Source Projects; about with photo collage, career links, and an experience timeline with brand icons; projects with side hustles and a two-column client-projects grid; resume with education/work timelines, awards, recommendations, and skills/languages meters; subscribe with benefits checklist, email form, and testimonials; post with long-form article and dark PT Mono code blocks) on a clean white palette with a sky-blue (#0ea5e9) accent, Aspekta + Inter + PT Mono fonts, a fixed left icon rail, a sticky top utility row with search modal and dark-mode light switch (localStorage-persisted, prefers-color-scheme-aware, no-flash boot), and a right widget sidebar; Alpine.js for tabs and search modal, all CSS, JS, fonts, and images vendored locally, no build step, fully offlineHTML, CSS, Alpine.js
talentPixel-faithful clone of the Cruip "Talent" freelance marketplace landing page template — a 4-page site (home with vibrant blue hero/gradient illustration, auto-scrolling client logos carousel, explainer section with Alpine.js video modal, 4-step process grid, Swiper feature image carousel, Alpine.js tabbed features section, 15-item services grid with gradient overlay, 3-tier pricing with monthly/annual toggle, single testimonial, FAQ list, and CTA; schedule-call form; sign-in form; reset-password form) on a white palette with blue (#2563EB) accents and dark navy (#111827) sections, Aspekta and Cabinet Grotesk fonts, AOS scroll animations (ease-out-cubic, 700ms), Alpine.js for video modal and pricing toggle, and Swiper.js for carousels; all CSS, JS, fonts, images, and video vendored locally, no build step, fully offlineHTML, CSS, Alpine.js, AOS, Swiper.js
podcastPixel-faithful clone of the Cruip "Podcast" dark podcast website template — a 3-page site (home with iPhone mockup hero/AOS animations/Swiper carousel/filterable podcast list/host profiles/testimonials/CTA, podcast detail with Alpine.js audio player/episode notes/topics/contributors/sidebar carousel, subscribe with platform buttons/RSS feed) on a dark gray (#111827) background with Inter font, violet/cyan/pink gradient blobs, yellow sparkle SVG decorations, scratch SVG textures, Alpine.js category filter tabs (All/Indie Stories/Software Social/Interviews) and audio player (play/pause/rewind/forward/speed/seek), AOS scroll animations (ease-out-cubic, 700ms), and Swiper.js carousels; all CSS, JS, and images vendored locally, no build step, fully offlineHTML, CSS, Alpine.js, AOS, Swiper
quotyPixel-faithful clone of the Cruip "Quoty" freelancer quote/proposal web-app template — a 4-page split-screen app (home/quote with brief, project details, a line-item costs-breakdown table, and a 5-item Alpine.js accordion of project terms; details page with a case-study article and light/dark figure swap; contact form; pay page with an Alpine.js card/PayPal segmented toggle) sharing a sticky left panel (background SVG illustration, client name in the "Orbiter" display webfont, quote date) and a light/dark theme toggle (.dark class, localStorage-persisted); the exact compiled Tailwind stylesheet and Alpine.js bindings are vendored locally, no build step, fully offlineHTML, CSS, Alpine.js
premium/cruip/neonPixel-faithful clone of Cruip's "Neon" dark-mode SaaS landing page and auth-flow template — a 4-page site (home, sign in, sign up, reset password) on a dark navy canvas with pink/purple/blue gradient accents; a glowing hero illustration with a radial glow behind an animated ribbon SVG, an orbiting-icon graphic around a glowing concentric-circle orb in the features section, a code-editor mockup panel with syntax-highlighted lines and a floating git-commit chip, a pricing table with a highlighted "Most Popular" tier, and a testimonial grid with a gradient fade-out mask; all fonts, images, CSS, and JS vendored locally, no build step, fully offlineHTML, CSS, vanilla JS
premium/cruip/creativePixel-faithful clone of Cruip's "Creative" community/mood-board marketing landing page template — a 4-page light-themed site (home, sign in, sign up, reset password) for a creative-inspiration community product; a hero image collage, AOS scroll-reveal animations, Swiper carousels for trending collections and blog posts, and an Alpine.js-driven mobile nav, with Cabinet Grotesk headlines over Inter body type; all fonts, images, CSS, and JS vendored locally, no build step, fully offlineHTML, CSS, Alpine.js, AOS, Swiper
softly-wellness"Softly" — a warm, mobile-first digital-wellness landing page recreated same-to-same from a reference design: grain overlay, pastel blurred blobs, Outfit + Reenie Beanie type, float/reveal-on-scroll animations, three phone mockups, horizontal scenario scroll, and a FAQ accordion; fully self-contained with vendored Tailwind, fonts, and inline lucide iconsHTML, Tailwind CSS, Vanilla JS
stacking-cards-portfolioA calm editorial portfolio template whose core experiment is the "stacking cards" scroll effect — five project cards (Lumen, Atlas Type, Harbor, Solène, Field Notes) each position:sticky pinning at an increasing top offset so the deck fans downward, while a scroll-linked JS scrub shrinks (scale 1→0.94), dims (brightness 1→0.82) and darkens (cover opacity 0→0.5, easeOutCubic) each buried card as the next slides over it like a dealt deck; warm #ECE9E2 paper over near-black ink with a single terracotta #C8553D accent, Instrument Serif display + Inter UI, an SVG paper-grain overlay, a glass pill nav, breathing-rings / glyph-specimen / abstract-chart / layered-magazine / generative-grid CSS-and-SVG card art (no photos), and a dark ink contact footer; fonts vendored locally, fully offline, honors prefers-reduced-motion. Built same-to-same to a superdesign reference (host blocked by the build network, so reproduced from its canonical editorial-portfolio pattern + the seed prompt)HTML, CSS, vanilla JS, SVG, Instrument Serif, Inter
sticky-content-switchScroll-driven "sticky content switch" editorial template — a warm paper (#f4f1ea) / near-black (#0e0e0c) two-column section on vendored Anton + Inter with a burnt-orange (#c4622d) accent, where the left column is position:sticky and vertically pinned while six 100vh image panels scroll past on the right; an IntersectionObserver with a -50%/-50% rootMargin band fires exactly when each image's midpoint crosses screen center, crossfading + slide-swapping the pinned heading (index, kicker, title, body, meta) to match the active frame, a transform:scaleY accent progress rail with growing ticks, a rAF parallax that scales each image 1.08→1.0 toward center plus grayscale-to-color on active, a per-letter hero rise-reveal, and a ghosted-wordmark outro; six themed procedural SVG images + fonts vendored, fully offline, responsive stacked feed under 900px, respects prefers-reduced-motionHTML, CSS, vanilla JS, Anton, Inter
super-design-industrial-system"Super Design" warm-industrial design-system template built same-to-same from a superdesign reference — a #EBEBE8 warm-gray base with #18181B foreground and a single #0066FF electric-blue accent, vendored Inter (400/700/900) + Playfair Display italic, a fixed full-page 12-column structural grid of 0.1-opacity hairlines, a 4%-opacity fractal-noise overlay, a sticky 80px blur-backed header with a serif+bold "SuperDESIGN" logo, a split hero pairing a Building/digital/STRUCTURES headline (solid + serif-italic + -webkit-text-stroke) with a 20px-framed grayscale image and a glassmorphism SYSTEM STATUS card with animated progress bars, an 18s blue-star marquee alternating stroke-sans and serif-italic, a 4-row interactive project list with clip-path image reveals + a cursor-following VIEW disc, a scroll-parallax philosophy statement over a 34vw watermark, a 3-column technical journal, and a massive #18181B footer with a 20vw background marquee and a green System Operational pulse; cubic-bezier(0.16,1,0.3,1) easing throughout, fonts + procedural grayscale SVG imagery vendored, fully offlineHTML, CSS, vanilla JS, Inter, Playfair Display
super-travel-luxury-landing"Super Travel" luxury editorial travel landing page — a warm off-white (#fdf8f3), dusty-rose-accented (#e4a4bd) single page on League Spartan, with a glassmorphic fixed nav, a ~15vw "LUXURY / journeys" hero pairing an italic accent word with a grayscale-to-color villa card and a 4s-bouncing circular "01" concierge badge, a 3-column bordered "Art of Service" grid that floods rose on hover, a staggered "Exquisite Portfolio" with offset cases and a 96px "View Case" hover disc, a by-invitation membership block, and a multi-column footer — all reveal-up on IntersectionObserver with weighted cubic-bezier motion; fonts + Unsplash imagery vendored, fully offlineHTML, CSS, vanilla JS
superdesign-architectural-type"Superdesign — Architectural Type System" invite/waitlist template rebuilt same-to-same from a superdesign reference — a strict monochrome Swiss-brutalist system on pure #000/#FFF with a single indigo #6366f1 accent, vendored Inter Tight 900 + Inter + JetBrains Mono, a global 5%-opacity fractal-noise overlay, a 0.5px-hairline "grid matrix" built from per-side borders (no doubled lines), a 72px sticky blur nav (SUPERDESIGN • BETA_V.01 with 40px circular X/GitHub icon buttons + a GET ACCESS pill), a 2×2 hero grid spelling SU/PER/DE/SIGN in clamp(5rem,18vw,24vw) edge-pinned type that masks up on load with a 120ms cubic-bezier(0.16,1,0.3,1) stagger, a 4-column command bar (borderless email input + white→indigo JOIN button + a live tabular-nums HH:MM:SS countdown with 20%-opacity separators + a +FREE_ACCESS/+NO_CREDIT_CARD/+CANCEL_ANYTIME label stack), a 3-card 400px bento with mono SYSTEM_0n tags and 0.2→1 opacity geometric shapes (a 45°→90° rotating diamond on a 700ms cubic-bezier(0.4,0,0.2,1), concentric squares, a dot matrix) plus a #FFFFFF05 hover wash, and a footer status strip with a pulsing indigo dot; zero radius (except the two pill/circle controls), no shadows or gradients, fully offlineHTML, CSS, vanilla JS, Inter Tight, Inter, JetBrains Mono
superdesign-cinematic-agency"Superdesign" dark cinematic creative-agency landing rebuilt same-to-same from a reference — near-black #050505 base, vendored Aspekta 300/500/700/900, a mix-blend-difference nav, a perspective:2000px 3D rolodex cube hero tumbling on the X-axis behind a giant SUPERDESIGN wordmark, a Case Studies bento grid (macOS traffic-light featured panel + grayscale-on-hover sub-projects), a #0B0216 three-tier pricing block with a #7C3AED blur(100px) glow and a white featured Growth card, a startups banner, a #1A0B2E glass price calculator with a live purple-filled range slider + monthly/yearly toggle, and a massive LET'S BUILD THE IMPOSSIBLE. editorial footerHTML, CSS, vanilla JS, Aspekta
superdesign-crimson-craft"Dark Luxury" high-ticket service landing page rebuilt same-to-same from a superdesign reference (host blocked from the build sandbox, so built from the detailed written spec) — a #121212 off-black, crimson #e11d48 single page for an exotic-car restoration studio on Poppins + a tight Cal-Sans-style display grotesk, with an 80px blur(16px) glass header carrying a dual-line Get-Quote button, a 95vh hero (faded car backdrop, pulsing "only 3 slots" urgency badge, overlapping avatar proof stack, arrow-up-right white CTA), a 4-column trust bar with crimson-on-hover icons + reveal tooltips, an asymmetric sticky-left services grid with a comparison table and 40px-rounded cards (crimson featured + native <details> "included" accordions), a drag-scroll horizontal portfolio of 500px before/after transformation cards (grayscale/contrast/brightness left half, glass ROI badge on hover), a 3-column italic-quote testimonial grid with grayscale-to-color square avatars, and a crimson-gradient 3rem-radius final CTA with black/white buttons plus a pulsing green floating availability pill — IntersectionObserver reveal-up with cubic-bezier(.4,0,.2,1); Poppins + Space Grotesk and procedural crimson car/avatar SVGs vendored, fully offlineHTML, CSS, vanilla JS, SVG, Poppins, Space Grotesk
superdesign-design-on-realityPixel-faithful poster-modernist "Design on Reality. Not Mockups." landing page recreated same-to-same — cream #E3E2DE base with a single cobalt #1351AA accent, a framed 1600px center column, a strict 12-column grid with a sticky label sidebar down every section, hairline #C7C7C7 dividers, zero radius / zero shadows, oversized General Sans display type, and zero-radius poster buttons with linear color-swap hoversHTML, CSS, General Sans
superdesign-editorial-gridEditorial-tech "Superdesign" template built same-to-same from a detailed spec — muted #f7f6f2 paper background, #1c1c1c ink and a forest-green #3d7068 accent, a trio of vendored fonts (Playfair Display serif headers, Space Grotesk body, Space Mono labels), a fixed structural grid (1px verticals at 25/50/75% + a 40px square grid radially masked to fade at the edges), a floating-to-fixed backdrop-blur nav, a 9vw uppercase serif hero with italic #b4b4b4 key words, a hover-to-white 3-column stat grid, a scroll-synced word-by-word "manifesto" opacity reveal, a click-to-expand 01/02/03 workflow with a sticky grayscale-multiply card and a #3b82f6 scan-line bar, pill use-case tabs over a 240px ghost-glyph card, and a bottom-bordered Request Access form — all 1px borders, no shadows, ≤2px radius, easing cubic-bezier(0.16,1,0.3,1)HTML, CSS, vanilla JS, Playfair Display, Space Grotesk, Space Mono
superdesign-editorial-manifesto"ÆON" Modern Editorial Manifesto launch page rebuilt same-to-same from a superdesign reference — a premium editorial layout in deep charcoal #0a0a0c / warm cream #e8e6e1 / gold #d4c5a2 on vendored variable Fraunces (high-contrast serif) + Manrope, a fixed mix-blend-difference nav with serif brand + tiny volume/issue meta, a 13–15vw three-line Fraunces hero (italic / light-gold / right-aligned) with per-line clip-rise reveals and a vertical-rl side label, a 48px serif intro paragraph with gold-italic accents, a sticky two-column essay with a 40px gold-left-border pull-quote, a hover-lift vertical narrative principle list (white/5 tint, title→gold over 500ms), a cream #e8e6e1 inverted manifesto grid with 120px ghosted serif numerals, gradient-clip editorial testimonials, a backdrop-blur CTA card with a square white→gold button, a 9vw final statement, and a hairline footer; an animated SVG turbulence grain overlay (mix-blend overlay), IntersectionObserver reveals on cubic-bezier(0.16,1,0.3,1), fonts vendored, fully offlineHTML, CSS, vanilla JS, Fraunces, Manrope
superdesign-invite-waitlistPixel-faithful "Cinematic Editorial" invite-only waitlist page recreated same-to-same from a superdesign reference — a matte-charcoal #181818 base with warm-beige #EBDCC4 text, muted-sage labels, and a coral-rust #DC9F85 accent, vendored Clash Grotesk + General Sans, a fixed 3%-opacity fractal-noise overlay, an absolute minimal nav (SD—PROTOCOL 01 / INVITE ONLY) with a 1px umber spacer line, an 11.5vw stacked SUPER/DESIGN headline doubled with a 1px text-stroke outline offset 4px for depth, a 12-column bottom grid pairing an exclusivity statement + Batch 003 status dot with a unified email-capture form (4px corners, 1px borders, no gradients/shadows), and a 64px rotating SVG text-path "WAITING LIST" badgeHTML, CSS, vanilla JS, Clash Grotesk, General Sans
superdesign-midnight-editorial"Midnight Editorial" dark creative-agency landing for the fictional studio Superdesign, rebuilt same-to-same from a reference — a near-black #050505 canvas with a single coral #FF6B50 accent, a fixed top nav + floating glass bottom dock with lucide icons, a full-viewport 13vw /design typographic hero with grayscale-to-color team avatars and a coral-underline email, a "Start faster. Earn sooner." dark card paired with an indigo→violet gradient browser-mockup card, a staggered four-project Selected Work gallery (NEBULA/QUANTUM/ECHO/FLUX) with opacity-to-color hover and coral arrow buttons, and a 10vw LET'S TALK. footer with lift-on-hover social circles; Inter variable font and art-directed imagery vendored, fully offlineHTML, CSS, vanilla JS, Inter, Lucide
superdesign-modern-atmospheric"Modern Atmospheric" vibe-design landing for the fictional AI tool Superdesign — a deep-slate #0f172a hero with drifting indigo/purple/pink glow blobs and a radial-masked grid, a Lora-serif gradient-italic "Design at the speed of thought" headline with a blinking typing cursor, a glass nav pill, a white "vibe" command-box with a blur-lg indigo→pink outer glow + paperclip/arrow-up bar, a floating glass Frameworks/Integrations bar with a hover-color marquee, a light #f8f9fa scroll-spy feature section (sticky sidebar with active black dot, alternating dark code blocks + grayscale SVG blueprints), a slate-900 glass-strong masonry testimonial grid, and a smooth-height FAQ accordion; vendored Inter + Lora + Space GroteskHTML, CSS, vanilla JS, Inter, Lora, Space Grotesk
superdesign-modern-obsidian"Obsidian" elite private-beta waitlist / design system rebuilt same-to-same from a SuperDesign reference — a strictly monochrome Modern-Obsidian aesthetic (#080808 obsidian base, #FFFFFF, #E2E8F0 silver, 135° silver gradient) pairing DM Serif Display italics with Geist Mono technical labels and Inter body, all on a 92vw fluid layout with an SVG fractal-noise overlay; a glass nav pill + live status dot, a clamp(42px,10vw,140px) "Access is not given. It is earned." hero with a silver-gradient italic span, an editorial serif countdown timer with /-separators, a frosted-glass beta capture form, a silver-fill progress urgency strip, a 1/2/4-col hairline bento grid (with a 2×2 hover Member Registry card), a thesis block, border-left testimonials with grayscale avatars, and a giant-watermark footer; plus a floating pill mobile bottom nav that slides up after the hero — fonts + avatars vendored locally, fully offlineHTML, CSS, vanilla JS, DM Serif Display, Geist Mono, Inter
superdesign-neo-brutalist-acidNeo-Brutalist "Acid" store template built from a superdesign spec — a paper #F8F4E8 / ink #09090B / acid yellow-green #D2E823 palette with vendored Dela Gothic One + Space Grotesk + Space Mono, a 3% feTurbulence noise overlay, a 0.2-lerp mix-blend-difference custom cursor that scales 2.5x over links, a backdrop-blur(24px) sticky pill nav, a 20s linear acid marquee band, a 12-column 8rem glitch-on-hover hero (±2px keyframe jitter) with a -2deg sticker badge and a floating ±10px asset card over a 32px-radius image, a bento category grid (dark 2x2 mix-blend-overlay card + radial-dot 1x1 cards) that translates 4px and drops its hard shadow on hover, a "New Drops" arrow-scrolled 320px product rail with a grayscale Sold Out state, and an inverted #09090B footer with a transparent-input newsletter; hard 4/8px zero-blur shadows and press-down buttons throughout, procedural acid SVG imagery generated locally, fully offlineHTML, CSS, vanilla JS, Dela Gothic One, Space Grotesk, Space Mono
superdesign-obsidian-lime"Obsidian & Lime" futuristic glassmorphism landing for the fictional AI design tool Superdesign, rebuilt same-to-same from a reference — a max-w-[1800px] floating rounded-shell on #0a0a0a with a 60px grid + fractal-noise overlay and blurred lime/emerald glow spheres, a serif-italic lime-gradient "Speed" hero with underline squiggle and glass app-preview mockup, a Neural Engine 3.0 / Atomic Tokens / 10x / Global CDN bento grid, a light #e5e5e5 methodology section with a circular portrait + glass "Sarah Jenkins, CTO" testimonial, a SUPER-watermark footer, and a spring-smoothed scroll-progress bar; vendored Space Grotesk + JetBrains MonoHTML, vanilla CSS, vanilla JS
superdesign-red-noir-landingPixel-faithful "Red Noir" Superdesign AI landing page recreated 1:1 from a reference — #ef233c-on-black palette with vendored Manrope + Inter, twin box-shadow parallax starfields, a faint masked grid, a conic-gradient shiny CTA and a spinning "Get Access" sweep, gradient-clipped hero headline with a hand-drawn underline, a 4-card bento feature grid, a full-bleed red testimonial banner, 3-tier pricing with a featured Pro card, a waitlist CTA, and a giant outlined SUPERDESIGN footer wordmarkReact, TanStack Start, TypeScript, Tailwind, lucide-react
superdesign-studio-editorialTypography-first black-and-white editorial creative-studio template recreated from a reference — pure #000/#FFF palette with #525252 metadata, vendored Inter + JetBrains Mono, a 32px mix-blend-difference custom cursor that lerp-follows and scales 2.5x on hover, a mix-blend-difference fixed nav with a rotating plus toggle and full-screen clip-path menu, a 12vw "Design Studio" hero with staggered per-letter slide-up reveals, a paused-on-hover asymmetrical-radius project marquee (5/7 grayscale-to-color cards), a centered intro statement, a staggered two-column 4:3 project grid with hover overlays + arrow-up-right badges and mono metadata rows, and a dark #0A0A0A footer with a giant ghosted "sd" watermark; cubic-bezier(0.16,1,0.3,1) easing throughout, fully self-contained offlineHTML, CSS, vanilla JS, Inter, JetBrains Mono
superdesign-technical-systemPixel-faithful "Superdesign — The AI Design Reviewer" template landing page built on a Technical-Minimalist blueprint design system: a Paper (#F7F7F5) / Forest (#1A3C2B) / Grid hairline palette, Space Grotesk + JetBrains Mono, a full-page mosaic grid background, fixed indexed nav, a luminosity-blended wireframe hero, a 1px-gap 2×2 bento feature grid, an animated SVG network-topology graph, monospaced testimonial cards, and an L-corner-marked "Tell your CTO" form CTA; zero shadows, fully square corners, fonts + hero image vendored locallyHTML, CSS, Space Grotesk, JetBrains Mono
synapse-design-system"Synapse" futuristic vantablack (#030303) design-system landing built same-to-same from a spec — violet (#8B5CF6) + cyan (#06B6D4) neon accents, vendored Instrument Serif + Inter, three floating blurred ambient orbs, a 672px glass nav pill, a massive centered serif hero with a shimmering gradient last word and staggered load entrances, a Shiny Border Button with a 4s spinning conic-gradient border, a 40s infinite metrics ticker, a 6-card reveal-on-scroll feature grid with violet/cyan hover glows, a syntax-highlighted synapse.config.ts IDE block with a copy button, and an emerald "All Systems Operational" pulsing-dot footer; cubic-bezier(0.23,1,0.32,1) motion throughout, fully offlineHTML, CSS, vanilla JS, Instrument Serif, Inter
terroir-tasting-room"Terroir" dark minimalist editorial luxury wine tasting-room landing page rebuilt from a superdesign reference — a #121212/#EDEAE4 palette with Sage/Sienna/Burgundy earth accents, a global baseFrequency-0.65 SVG grain overlay at 5%, vendored Cormorant Garamond + Manrope, a centered-logo blur header, an asymmetrical 96px serif hero with a 24px-indented sage italic and a bouncing arrow, a 4-column hover-reveal Flavor Wall (mix-blend-overlay images, 8px text slide), a 50/50 Staff-Pick spotlight, a live 4/6 sage capacity Case Builder with circular ± controls, a single-hairline Guest/Member split, a grayscale-to-color How It's Made grid, and a 4-column footer; all reveal-up on IntersectionObserver (800ms/20px), fonts + procedural imagery vendored, fully offlineHTML, CSS, vanilla JS, SVG, Cormorant Garamond, Manrope
vertical-clip-text-slideA single-screen motion study of a vertical text-clip, letter-by-letter slide-down — each glyph of a giant Space Grotesk headline ("MOTION / IN EVERY / LETTER.") is wrapped in an overflow-hidden vertical clip column and pours down from above (translateY(-110%)→0) with an opacity + blur(6px)→0 settle, staggered 70ms per letter continuously across all lines on a cubic-bezier(.22,1,.36,1) expo-out, then auto-loops with a 2.2s hold and a Replay button; near-black #0b0b0c canvas with off-white #f4f2ec type, JetBrains Mono chrome, a warm #e8552d accent, a 4% fractal-noise grain overlay, and a reduced-motion fallback; fonts vendored, fully offlineHTML, CSS, vanilla JS, Space Grotesk, JetBrains Mono
premium/nextjstemplates/agencyPixel-faithful clone of the "Agency" Next.js marketing/portfolio site template (built on the Startup/GrayGrids design system) — a 23-page site (one-page marketing home with hero/about/services/portfolio-filter/newsletter/team/pricing/testimonials/blog-preview/contact, service hub + 3 detail pages, portfolio hub + 4 detail pages, blog grid + 7 posts, contact, docs, 404, sign-in/sign-up) on a white canvas with a deep-navy (#090E34) / primary-blue (#4A6CF7) palette, Inter type, a sticky/blurred scrollspy header with a "Pages" dropdown and mobile hamburger, portfolio filter pills, hover-lift cards, and a light/dark theme system via CSS custom properties (localStorage-persisted, prefers-color-scheme-aware); fonts, images, and icons vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/basePixel-faithful clone of the "Base" Next.js SaaS boilerplate marketing template — a 13-page site (home, blog index, 6 blog posts, blog author page, sign in, sign up, forgot password, 404) on an Inter (body) / Outfit (heading) type system with a #4E6BFF brand blue, orange/pink/green accent dots, and full light and dark mode via Tailwind dark: variants (toggle button, localStorage-persisted, no-flash boot script); a shared floating header (logo swap, Home/About/Features/Pricing/Pages-dropdown/Support nav, search icon, dark-mode toggle, Sign In/Sign Up) with a solid state on inner pages, a hero with a rounded blob photo, feature-pill row, image-collage "Why Choose Us" section, 6-item feature grid, a Monthly/Annually pricing toggle (3 plan cards), a filterable 4-card portfolio grid, a Swiper testimonial carousel, a team grid with count-up stat counters, a brand-logo strip, a blog preview grid, a two-column contact form, and a CTA banner; the compiled Tailwind CSS is vendored verbatim from the source for maximum fidelity, fonts/images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Swiper, Inter, Outfit
premium/nextjstemplates/applinePixel-faithful clone of the "Appline" Next.js App & SaaS Starter Kit template — a 10-page site (one-page marketing home with hero/features/two about-showcase sections/how-it-works/pricing toggle/Swiper app-screenshots carousel/download CTA/testimonials/FAQ accordion/blog preview/client logos/newsletter, blog index, 3 blog post details, blog author page, docs, sign in, sign up, 404) on an Inter type system with a #7083f5 primary accent, full light/dark theme via class-based dark: variants (toggle button, localStorage-persisted, no-flash boot script); a sticky/transparent-on-scroll header with a "Pages" dropdown and mobile hamburger, a monthly/yearly pricing toggle, an FAQ accordion, a Swiper.js screenshots carousel, and IntersectionObserver/WOW-style scroll-reveal entrance animations; the compiled Tailwind CSS, fonts, and imagery are vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Swiper, Inter
premium/nextjstemplates/cryptoPixel-faithful clone of the "Crypto" Next.js template for cryptocurrency, ICO, and Web3 landing sites — an 11-page site (one-page marketing home with hero coin chips + sparklines/partner logos/features/roadmap timeline/token-sale teaser/team/testimonials/FAQ/download CTA/newsletter/blog preview/contact, blog grid + 3 posts, blog author page, dedicated token-sale page, support page, sign-in/sign-up/forgot-password) on a white canvas with a blue (#3e7dff) accent, soft light-blue (rgb(245,248,255)) section backgrounds, rounded cards, decorative gradient blob SVGs, and Inter type; a sticky header (transparent-to-solid on scroll) with a "Pages" dropdown and mobile hamburger, a real working FAQ accordion, IntersectionObserver scroll-reveal entrance animations, and a light/dark theme system via CSS custom properties; fonts, images, and icons vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/nextjstemplates/nextblogPixel-faithful clone of the NextBlog premium blog template (nextblog.demo.nextjstemplates.com) — a 13-page full-featured blog platform (home/business blog with featured hero card + 6-post recent grid + authors section, personal blog layout, blog archive with sidebar, 3 blog detail pages with full article content/blockquotes/tag lists/author bio, about with team grid + stats, author listing, search with popular tags, privacy policy, sign in, sign up) on a white canvas with a purple (#625df5) primary accent and Inter self-hosted type; a sticky header that gains a shadow on scroll, mobile hamburger with dropdown menus, sidebar widgets (categories with counts, recent posts thumbnails, popular tags), a newsletter section with dot-pattern background, and auth pages with Google/Facebook social buttons; all Sanity CDN imagery vendored locally as woff2 fonts, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/themefisher/fortify-nextjsPixel-faithful clone of Themefisher's "Fortify" cybersecurity SaaS marketing template — a 9-page site (home, about, features, pricing, contact, blog, blog-post, integration, changelog) on a dark-primary palette (#1d1d1d) with a lime-green secondary accent (#dcf986) and teal tertiary (#5ea977), Satoshi body + Clash Grotesk display headings; a sticky navbar with scroll-triggered backdrop-blur, "All Pages" dropdown, and mobile hamburger; a hero with large heading and security dashboard mockup, an infinite CSS marquee client logo strip, alternating feature blocks, a standout 2-col feature grid, a product showcase section, 2-tier pricing cards with monthly/yearly toggle, a 3-card customer reviews grid, a dark CTA band, and a 4-column footer with newsletter subscribe; IntersectionObserver scroll-fade animations on [data-fade] elements, requestAnimationFrame counter animation on stats row, FAQ accordion, integration card grid (Slack/GitHub/AWS/Google Workspace/Azure/Jira/Splunk/PagerDuty/Okta), changelog timeline with colour-coded New/Improved/Fixed tag pills; all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Satoshi, Clash Grotesk
premium/themefisher/nextspace-nextjsPixel-faithful clone of Themefisher's "NextSpace" interior-design/architecture-studio marketing template — a 27-page site (home, about, services, projects listing + 7 project detail pages, blog listing + paginated page 2 + 6 post detail pages, reviews, faqs, gallery, contact, career, elements UI-kit showcase, terms-and-conditions, privacy-policy, 404) on a white canvas with a deep-teal primary (#004643) and cream secondary accent (#faf4d3), DM Sans type; a floating fully-rounded translucent-blur pill navbar with an "All Pages" mega-menu dropdown and mobile hamburger drawer, a light/dark theme toggle (CSS custom-property tokens, localStorage-persisted, prefers-color-scheme-aware, no-flash boot script) added since the source only ships light mode; scroll-triggered fade/slide-up section reveals, hover lift + image zoom on project/blog cards, fill/color-swap button hover transitions, a working FAQ accordion, a click-to-open gallery lightbox, and a validated contact form; all fonts, images, and icons vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, DM Sans
premium/themefisher/quickdir-nextjsPixel-faithful clone of Themefisher's "QuickDir" directory & product-listing SaaS marketing template — a 14-page site (home, about, authors, blog, changelog, contact, docs, pricing, privacy-policy, products index, product listing detail, submit, terms-conditions, 404) on a light shadcn/Tailwind-style palette (white background, indigo #4f46e5 accent, neutral gray-scale tokens) with Inter typography and a full light/dark theme (CSS custom properties, prefers-color-scheme aware, toggle persisted to localStorage); a sticky blurred navbar with an "All Pages" dropdown and mobile hamburger, a checker-pattern hero with search box, featured/trending listing card grids (icon, badge, upvote-style CTA), a categories pill browser, a monthly/yearly pricing toggle, a docs sidebar with active-link highlighting, a changelog timeline, an authors grid, a blog card grid, a multi-field submit/contact form, and category filter chips on the products page; IntersectionObserver scroll-reveal animations and hover states throughout, all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter
premium/themefisher/finprox-nextjsPixel-faithful clone of Themefisher's "Finprox" financial SaaS marketing template — a 19-page site (home, about, features, pricing, contact, blog index, blog post, case studies index, case study detail, careers index, careers detail, changelog, integrations, sign in, sign up, elements, terms of service, privacy policy, 404) on a warm off-white (#faf9f8) canvas with an amber-orange primary (#e48800), Instrument Sans (body/headings) and Instrument Serif (italic accents), and a distinctive .main-container layout (90% wide, 1px side/bottom borders, 5×5px dark corner dots via pseudo-elements); a fixed header with mega-nav "Pages" dropdown and mobile hamburger, a footer with newsletter subscribe, 4-column nav grid, and social icons; home page features hero with CTA, trusted-client logo bar, problems/solutions tabs (Startups/Enterprises/Small Biz/Freelancers), feature tabs (Real-time/One-click), seamless accounting section, how-it-works steps, integrations grid, 3-tier pricing cards (monthly/annual toggle via body.annual-mode), testimonials carousel, and CTA banner; IntersectionObserver scroll-reveal animations, counter animation for stat numbers, FAQ accordion, integration filter tabs; all assets (logos, illustrations, icons, avatars) vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Instrument Sans, Instrument Serif
premium/themefisher/atemp-nextjsPixel-faithful clone of Themefisher's "Atemp" SaaS multipurpose marketing template — a 20-page site (home, about, pricing, features, elements UI kit, career, contact, terms & conditions, blog index + 2 pagination pages + 5 blog posts, integration index + 8 integration detail pages for Mailchimp/Airtable/Discord/Gmail/Google Meet/Slack/Stripe/Zoom) on a white canvas with a lime-green accent (#6ee272) and deep-navy CTA/footer band (#061237), Montserrat typography throughout; a sticky header with a hover/click "Pages" dropdown, language switcher, and mobile off-canvas menu, rounded pill buttons and card panels with soft shadows, dashboard-mockup illustrations with floating stat cards, a client-logo strip, 3-card feature grid, stat band, integration logo grid, monthly/yearly pricing toggle, FAQ accordion, and a 4-column dark footer with newsletter signup; IntersectionObserver scroll-reveal animations, light/dark theme tokens with a toggle and prefers-color-scheme support, all fonts and images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Montserrat
premium/themefisher/novai-nextjsPixel-faithful clone of Themefisher's "Novai" AI-agent SaaS marketing template — a 17-page site (home, about, features + shared feature-detail template, pricing, integrations, case-studies + shared case-study template, blog + shared blog-post template, careers, contact, faqs, elements, privacy-policy, terms-conditions, 404) on a warm off-white (#faf7f2) canvas with a bold orange accent and near-black contrast sections, Open Sans body type paired with Kanit display accents; a header that floats into a "sticky" pill on scroll, a "Pages" nav dropdown, AOS-driven scroll-reveal fade/slide animations, a max-height/opacity FAQ accordion, monthly/yearly pricing toggle across 4 tiers, dark testimonials carousel band, and a 4-column footer with newsletter signup; all fonts (vendored woff2) and imagery sourced from the live Vercel deployment, no build step, fully offlineHTML, CSS, vanilla JS, Open Sans, Kanit
premium/themefisher/optivus-nextjsPixel-faithful clone of Themefisher's "Optivus" AI SaaS product marketing template — a 19-page site (home with hero/stat cards/industries grid/technology showcase/process accordion/testimonials/blog preview/FAQ/CTA band, blog index with pagination plus 3 blog post pages, contact, two about variants, an elements style-guide page, reviews, services, team, how-it-works, two pricing variants with monthly/yearly toggle and comparison table, terms & conditions, terms of service, privacy policy, 404) on a near-black canvas (#111721) with a neon lime-green accent (#bbf10a) and "Rethink Sans" type; a sticky header with scroll-shrink, hover-driven "All Pages" mega-menu and mobile hamburger, single-open FAQ/process accordions, hover-lift card transitions, and a light/dark theme toggle (localStorage-persisted, prefers-color-scheme-aware) added for this clone since the source ships dark-only; all images vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Rethink Sans
premium/nextjstemplates/nextlyPixel-faithful clone of "Nextly", Web3Templates' free Next.js + TailwindCSS startup landing page template — a navbar with a persisted dark/light mode toggle, a hero with a line-art illustration, a "Trusted by" logo cloud of inline-SVG brand marks, two alternating benefit sections, a decorative video-promo card, a testimonials grid, an independently-toggling FAQ accordion, a CTA banner, a full footer, a mobile hamburger menu, and a floating "Contact form" widget with its own animated panel; single fully responsive scrolling page, fully offlineHTML, CSS, vanilla JS
premium/nextjstemplates/nextra-docs-templatePixel-faithful clone of the official Nextra "Docs Template" starter theme — a sticky blurred navbar (logo, About/Contact links, CTRL-K search box, GitHub/Discord icons), a left tree sidebar with a collapsible "Advanced" folder and active-item highlighting, a centered MDX-style prose column with breadcrumb, headings, syntax-highlighted code blocks and prev/next pagination, a right "On This Page" TOC rail, and a footer with a System/Light/Dark theme switcher; all 5 discovered pages (Introduction, About, Another Page, Advanced, Satori) reproduced with working search modal, folder toggle, theme switcher, interactive click counters, and a mobile hamburger nav overlay, fully offlineHTML, CSS, vanilla JS
premium/themefisher/bookworm-light-nextjsPixel-faithful clone of Themefisher's "Bookworm Light" personal blog theme — a 19-page static site (home post feed with pagination, about, contact form, authors index + 2 author detail pages, categories index + 5 category detail pages, tags index, a markdown "Elements" style guide, privacy policy, and 4 single-post pages with tags/share/similar-posts) on a white palette with a teal (#01ad9f) accent and Mulish typography; sticky header with a "Pages" dropdown and search modal, two-column post grid, dark footer with social icons, and card/link hover transitions; images vendored locally from the original theme, no build step, fully offlineHTML, CSS, vanilla JS, Mulish
premium/themefisher/devgent-nextjsPixel-faithful clone of Themefisher's "Devgent" AI chat assistant SaaS marketing template — a 16-page site (home, about, features, integration, integration detail, pricing, blog, blog post, blog category, author profile, career, changelog, contact, terms, privacy policy, 404) on a dark near-black canvas (#0a0910) with an indigo-purple accent (#5545e6), Inter body + DM Sans display headings, and a chat-UI hero mockup with a gradient glow backdrop; a sticky translucent header with a "More" dropdown and mobile hamburger, tabbed feature explorer, alternating numbered "how it works" steps, a monthly/yearly pricing toggle, testimonial carousel, FAQ accordion, changelog timeline, and a dark/light theme toggle via CSS custom properties persisted in localStorage; all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, DM Sans
premium/themefisher/dexler-nextjsPixel-faithful clone of Themefisher's "Dexler" HR / workforce-management SaaS landing template — a 12-page site (home, about, service, pricing, blog + blog-post template, careers, how-it-works, team, elements, contact, terms-and-conditions) on a white canvas with soft blurred pastel gradient blobs (mint/lavender/peach/sky), a blue (#3B82F6) accent, a "Libre Baskerville" serif for headlines paired with Inter body text, and a dark footer; a sticky header with a "Pages" dropdown and mobile hamburger, testimonial carousel with dot pagination, monthly/yearly pricing toggle, FAQ accordion, and IntersectionObserver fade-up scroll-reveal animations throughout, plus a light/dark theme toggle via CSS custom properties persisted in localStorage; all fonts and imagery vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Inter, Libre Baskerville
premium/themefisher/visionex-nextjsPixel-faithful clone of Themefisher's "Visionex" AI writing/copywriting SaaS marketing template — a 16-page site (home, about us, use case, blog, 6 blog posts, pricing, our team, FAQ, contact us, career, 404) on a bold yellow (#FFC107) and near-black (#0E1420) palette with Raleway display headings and Lato body text, flat line-art illustrations, and pill-shaped buttons; a sticky header with a "Pages" dropdown and mobile hamburger, feature tabs, step pills, a 6-card AI-tool grid, a testimonial grid, a monthly/yearly pricing toggle, a feature comparison table, an FAQ accordion, and a yellow CTA banner; IntersectionObserver scroll-reveal animations, light/dark theme support via CSS custom properties, all assets vendored locally, no build step, fully offlineHTML, CSS, vanilla JS, Raleway, Lato
metadata.json
HTMLai-generatedanthropicclaudeclaude-aidesign-systemfrontendgenerative-uiglsl-shadershero-sectionShowcasesreacttailwindcsstemplatesThree.jsui-componentsui-designvibe-codingWebGL

[INFO] 3 topics link to curated motion topic pages.