{
  "name": "IterFact-template-vault",
  "version": "2.0.0",
  "description": "40 core interactive HTML engines for AI-assisted assembly. Each template is a self-contained, fully functional HTML file with AI-readable IFX annotations.",
  "protocol": "IFX (IterFact Exchange) v1.0",
  "engine_count": 40,
  "annotation_spec": {
    "ENGINE_META": "JSON metadata for AI matching ? id, tags, compatible_verticals",
    "AI_USAGE": "Plain-English guide for AI on how to customize this template",
    "CUSTOMIZABLE": "Marks injectable content sections with named identifiers",
    "AI_HINT": "Inline explanations of code behavior and modification guidance"
  },
  "engines": [
    {
      "folder": "01-particle-ambient",
      "path": "engines/01-particle-ambient/template.html",
      "id": "particle-ambient",
      "name": "Particle Ambient Art",
      "category": "creative",
      "tags": [
        "particles",
        "generative",
        "art",
        "ambient",
        "interactive",
        "mouse-reactive"
      ],
      "compatible_verticals": [
        "brand-experience",
        "event-invites",
        "landing-pages",
        "meditation",
        "portfolios",
        "luxury"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "02-slide-deck",
      "path": "engines/02-slide-deck/template.html",
      "id": "slide-deck",
      "name": "Interactive Slide Deck",
      "category": "presentation",
      "tags": [
        "slides",
        "pitch",
        "deck",
        "presentation",
        "keynote",
        "CIM"
      ],
      "compatible_verticals": [
        "investor-pitch",
        "sales-deck",
        "training",
        "onboarding",
        "CIM",
        "company-overview"
      ],
      "core_libs": [],
      "complexity": "low"
    },
    {
      "folder": "03-dashboard-kpi",
      "path": "engines/03-dashboard-kpi/template.html",
      "id": "dashboard-kpi",
      "name": "Dashboard & KPI Cards",
      "category": "data",
      "tags": [
        "dashboard",
        "metrics",
        "KPI",
        "analytics",
        "charts",
        "sparklines"
      ],
      "compatible_verticals": [
        "financial-reporting",
        "saas-metrics",
        "exec-summary",
        "client-portal",
        "operations"
      ],
      "core_libs": [
        "chart.js"
      ],
      "complexity": "medium"
    },
    {
      "folder": "04-3d-scene",
      "path": "engines/04-3d-scene/template.html",
      "id": "3d-scene",
      "name": "3D Interactive Scene",
      "category": "spatial",
      "tags": [
        "3d",
        "threejs",
        "walkthrough",
        "product",
        "architecture",
        "interactive"
      ],
      "compatible_verticals": [
        "real-estate",
        "product-showcase",
        "architecture",
        "education",
        "campus-tour"
      ],
      "core_libs": [
        "three.js"
      ],
      "complexity": "high"
    },
    {
      "folder": "05-timeline",
      "path": "engines/05-timeline/template.html",
      "id": "timeline",
      "name": "Interactive Timeline",
      "category": "narrative",
      "tags": [
        "timeline",
        "history",
        "roadmap",
        "milestones",
        "chronological",
        "scroll-animated"
      ],
      "compatible_verticals": [
        "company-history",
        "product-roadmap",
        "project-plan",
        "biography",
        "event-program"
      ],
      "core_libs": [],
      "complexity": "low"
    },
    {
      "folder": "06-flowchart",
      "path": "engines/06-flowchart/template.html",
      "id": "flowchart",
      "name": "Flowchart & Process Diagram",
      "category": "data",
      "tags": [
        "flowchart",
        "process",
        "workflow",
        "diagram",
        "decision-tree"
      ],
      "compatible_verticals": [
        "operations",
        "onboarding",
        "compliance",
        "engineering",
        "sales-process"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "07-comparison",
      "path": "engines/07-comparison/template.html",
      "id": "comparison",
      "name": "Comparison Matrix",
      "category": "data",
      "tags": [
        "comparison",
        "versus",
        "matrix",
        "features",
        "pros-cons"
      ],
      "compatible_verticals": [
        "product-comparison",
        "competitive-analysis",
        "plan-selection",
        "vendor-evaluation"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "08-calculator",
      "path": "engines/08-calculator/template.html",
      "id": "calculator",
      "name": "ROI / Scenario Calculator",
      "category": "tool",
      "tags": [
        "calculator",
        "ROI",
        "pricing",
        "financial",
        "interactive"
      ],
      "compatible_verticals": [
        "sales-tool",
        "financial-planning",
        "loan-calculator",
        "unit-economics",
        "savings-estimator"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "09-quiz",
      "path": "engines/09-quiz/template.html",
      "id": "quiz",
      "name": "Quiz & Assessment",
      "category": "engagement",
      "tags": [
        "quiz",
        "assessment",
        "trivia",
        "test",
        "scoring"
      ],
      "compatible_verticals": [
        "education",
        "training",
        "lead-gen",
        "onboarding",
        "certification"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "10-kanban",
      "path": "engines/10-kanban/template.html",
      "id": "kanban",
      "name": "Kanban Board",
      "category": "tool",
      "tags": [
        "kanban",
        "board",
        "tasks",
        "project",
        "drag-drop"
      ],
      "compatible_verticals": [
        "project-management",
        "sprint-planning",
        "content-calendar",
        "recruitment",
        "workflow"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "11-pricing",
      "path": "engines/11-pricing/template.html",
      "id": "pricing",
      "name": "Pricing Page",
      "category": "sales",
      "tags": [
        "pricing",
        "plans",
        "tiers",
        "subscription",
        "SaaS"
      ],
      "compatible_verticals": [
        "SaaS",
        "agency-services",
        "membership",
        "course-sales",
        "product-tiers"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "12-infographic",
      "path": "engines/12-infographic/template.html",
      "id": "infographic",
      "name": "Scroll Infographic",
      "category": "narrative",
      "tags": [
        "infographic",
        "scroll",
        "statistics",
        "visual-story",
        "data"
      ],
      "compatible_verticals": [
        "marketing",
        "annual-report",
        "research-summary",
        "thought-leadership",
        "industry-overview"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "13-flashcard",
      "path": "engines/13-flashcard/template.html",
      "id": "flashcard",
      "name": "Flashcard System",
      "category": "education",
      "tags": [
        "flashcard",
        "study",
        "memorization",
        "spaced-repetition",
        "learning"
      ],
      "compatible_verticals": [
        "education",
        "training",
        "language-learning",
        "certification-prep",
        "onboarding"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "14-before-after",
      "path": "engines/14-before-after/template.html",
      "id": "before-after",
      "name": "Before/After Comparison Slider",
      "category": "visual",
      "tags": [
        "before-after",
        "slider",
        "comparison",
        "image",
        "renovation"
      ],
      "compatible_verticals": [
        "real-estate",
        "design",
        "renovation",
        "photo-editing",
        "product-improvement"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "15-mind-map",
      "path": "engines/15-mind-map/template.html",
      "id": "mind-map",
      "name": "Interactive Mind Map",
      "category": "data",
      "tags": [
        "mind-map",
        "brainstorm",
        "concepts",
        "relationships",
        "radial"
      ],
      "compatible_verticals": [
        "brainstorming",
        "strategy",
        "education",
        "research",
        "planning"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "16-form-survey",
      "path": "engines/16-form-survey/template.html",
      "id": "form-survey",
      "name": "Multi-Step Form / Survey",
      "category": "tool",
      "tags": [
        "form",
        "survey",
        "questionnaire",
        "onboarding",
        "intake"
      ],
      "compatible_verticals": [
        "lead-generation",
        "client-intake",
        "event-RSVP",
        "assessment",
        "registration"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "17-scenario-modeler",
      "path": "engines/17-scenario-modeler/template.html",
      "id": "scenario-modeler",
      "name": "Scenario Modeler",
      "category": "data",
      "tags": [
        "scenario",
        "modeling",
        "simulation",
        "what-if",
        "financial"
      ],
      "compatible_verticals": [
        "financial-modeling",
        "business-planning",
        "investment-analysis",
        "resource-planning",
        "growth-modeling"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "18-parallax-story",
      "path": "engines/18-parallax-story/template.html",
      "id": "parallax-story",
      "name": "Parallax Scroll Story",
      "category": "narrative",
      "tags": [
        "parallax",
        "scroll",
        "storytelling",
        "longform",
        "immersive",
        "annual-report",
        "case-study"
      ],
      "compatible_verticals": [
        "annual-report",
        "case-study",
        "brand-story",
        "product-launch",
        "nonprofit-impact",
        "marketing-campaign"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "19-org-chart",
      "path": "engines/19-org-chart/template.html",
      "id": "org-chart",
      "name": "Org Chart / Team Directory",
      "category": "data",
      "tags": [
        "org-chart",
        "team",
        "directory",
        "hierarchy",
        "people",
        "company",
        "staff"
      ],
      "compatible_verticals": [
        "company-profile",
        "team-page",
        "franchise-structure",
        "department-overview",
        "board-of-directors"
      ],
      "core_libs": [],
      "complexity": "low"
    },
    {
      "folder": "20-interactive-map",
      "path": "engines/20-interactive-map/template.html",
      "id": "interactive-map",
      "name": "Interactive Map",
      "category": "spatial",
      "tags": [
        "map",
        "locations",
        "geography",
        "pins",
        "store-locator",
        "territory",
        "offices"
      ],
      "compatible_verticals": [
        "store-locator",
        "real-estate",
        "territory-mapping",
        "office-locations",
        "event-venues",
        "delivery-zones",
        "travel-itinerary"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "21-guided-tour",
      "path": "engines/21-guided-tour/template.html",
      "id": "guided-tour",
      "name": "Guided Product Tour",
      "category": "presentation",
      "tags": [
        "tour",
        "walkthrough",
        "demo",
        "product",
        "onboarding",
        "step-by-step",
        "interactive-demo"
      ],
      "compatible_verticals": [
        "product-demo",
        "software-onboarding",
        "feature-tour",
        "sales-demo",
        "help-documentation",
        "training-guide"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "22-accordion-faq",
      "path": "engines/22-accordion-faq/template.html",
      "id": "accordion-faq",
      "name": "Accordion FAQ / Knowledge Base",
      "category": "tool",
      "tags": [
        "faq",
        "accordion",
        "knowledge-base",
        "help",
        "support",
        "questions",
        "policy"
      ],
      "compatible_verticals": [
        "customer-support",
        "legal-policy",
        "compliance",
        "help-center",
        "product-faq",
        "employee-handbook"
      ],
      "core_libs": [],
      "complexity": "low"
    },
    {
      "folder": "23-image-gallery",
      "path": "engines/23-image-gallery/template.html",
      "id": "image-gallery",
      "name": "Image Gallery / Portfolio",
      "category": "visual",
      "tags": [
        "gallery",
        "portfolio",
        "photos",
        "lightbox",
        "showcase",
        "grid"
      ],
      "compatible_verticals": [
        "photography",
        "real-estate-photos",
        "product-showcase",
        "renovation-portfolio",
        "art-gallery",
        "design-portfolio"
      ],
      "core_libs": [],
      "complexity": "low"
    },
    {
      "folder": "24-event-countdown",
      "path": "engines/24-event-countdown/template.html",
      "id": "event-countdown",
      "name": "Event / Countdown Page",
      "category": "engagement",
      "tags": [
        "event",
        "countdown",
        "launch",
        "wedding",
        "conference",
        "invitation",
        "timer",
        "RSVP"
      ],
      "compatible_verticals": [
        "wedding-invitation",
        "product-launch",
        "conference",
        "fundraiser-gala",
        "grand-opening",
        "webinar"
      ],
      "core_libs": [],
      "complexity": "low"
    },
    {
      "folder": "25-esign-contract",
      "path": "engines/25-esign-contract/template.html",
      "id": "esign-contract",
      "name": "E-Sign / Contract Acceptance",
      "category": "tool",
      "tags": [
        "esign",
        "signature",
        "contract",
        "agreement",
        "acceptance",
        "legal",
        "terms",
        "ESIGN-Act"
      ],
      "compatible_verticals": [
        "contract-signing",
        "proposal-acceptance",
        "terms-agreement",
        "NDA",
        "partnership-agreement",
        "freelance-contract"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "26-data-table",
      "path": "engines/26-data-table/template.html",
      "id": "data-table",
      "name": "Data Table Explorer",
      "category": "data",
      "tags": [
        "table",
        "data",
        "sortable",
        "filterable",
        "search",
        "spreadsheet",
        "directory",
        "catalog"
      ],
      "compatible_verticals": [
        "product-catalog",
        "employee-directory",
        "inventory-list",
        "financial-data",
        "vendor-list",
        "leaderboard"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "27-testimonials",
      "path": "engines/27-testimonials/template.html",
      "id": "testimonials",
      "name": "Testimonial / Social Proof",
      "category": "sales",
      "tags": [
        "testimonials",
        "reviews",
        "social-proof",
        "quotes",
        "case-studies",
        "carousel"
      ],
      "compatible_verticals": [
        "landing-page",
        "sales-page",
        "product-page",
        "case-study",
        "portfolio"
      ],
      "core_libs": [],
      "complexity": "low"
    },
    {
      "folder": "28-checklist",
      "path": "engines/28-checklist/template.html",
      "id": "checklist",
      "name": "Checklist / Progress Tracker",
      "category": "tool",
      "tags": [
        "checklist",
        "progress",
        "tracker",
        "onboarding",
        "tasks",
        "compliance",
        "steps",
        "launch"
      ],
      "compatible_verticals": [
        "onboarding-checklist",
        "project-tracker",
        "compliance-audit",
        "launch-checklist",
        "moving-checklist",
        "wedding-planning"
      ],
      "core_libs": [],
      "complexity": "low"
    },
    {
      "folder": "29-waterfall-chart",
      "path": "engines/29-waterfall-chart/template.html",
      "id": "waterfall-chart",
      "name": "Waterfall / Bridge Chart",
      "category": "data",
      "tags": [
        "waterfall",
        "bridge",
        "financial",
        "revenue",
        "cost",
        "variance",
        "P&L"
      ],
      "compatible_verticals": [
        "financial-analysis",
        "revenue-bridge",
        "cost-analysis",
        "budget-variance",
        "M&A-analysis",
        "earnings-walkthrough"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "30-code-playground",
      "path": "engines/30-code-playground/template.html",
      "id": "code-playground",
      "name": "Interactive Code Playground",
      "category": "education",
      "tags": [
        "code",
        "playground",
        "editor",
        "tutorial",
        "programming",
        "sandbox",
        "live-preview"
      ],
      "compatible_verticals": [
        "coding-tutorial",
        "API-documentation",
        "developer-onboarding",
        "technical-training",
        "code-examples"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "31-gantt-chart",
      "path": "engines/31-gantt-chart/template.html",
      "id": "gantt-chart",
      "name": "Gantt Chart",
      "category": "data",
      "tags": [
        "gantt",
        "project",
        "timeline",
        "roadmap",
        "sprint",
        "phases"
      ],
      "compatible_verticals": [
        "project-management",
        "proposals",
        "roadmaps",
        "board-updates",
        "implementation-plans"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "32-donut-chart",
      "path": "engines/32-donut-chart/template.html",
      "id": "donut-chart",
      "name": "Donut / Pie Chart",
      "category": "data",
      "tags": [
        "donut",
        "pie",
        "breakdown",
        "allocation",
        "distribution",
        "budget"
      ],
      "compatible_verticals": [
        "financial-reporting",
        "budget-allocation",
        "market-share",
        "portfolio",
        "fundraising"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "33-media-embed",
      "path": "engines/33-media-embed/template.html",
      "id": "media-embed",
      "name": "Media Embed",
      "category": "media",
      "tags": [
        "video",
        "audio",
        "youtube",
        "vimeo",
        "embed",
        "media",
        "player"
      ],
      "compatible_verticals": [
        "presentations",
        "product-demos",
        "training",
        "marketing",
        "portfolios"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "34-animated-counter",
      "path": "engines/34-animated-counter/template.html",
      "id": "animated-counter",
      "name": "Animated Number Counter",
      "category": "data",
      "tags": [
        "counter",
        "stats",
        "hero",
        "numbers",
        "animate",
        "count-up"
      ],
      "compatible_verticals": [
        "impact-reports",
        "landing-pages",
        "annual-reports",
        "dashboards",
        "fundraising"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "35-tab-navigator",
      "path": "engines/35-tab-navigator/template.html",
      "id": "tab-navigator",
      "name": "Tab Navigator",
      "category": "layout",
      "tags": [
        "tabs",
        "tabbed",
        "sections",
        "navigator",
        "organize",
        "switch"
      ],
      "compatible_verticals": [
        "proposals",
        "product-pages",
        "documentation",
        "reports",
        "dashboards"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "36-card-grid",
      "path": "engines/36-card-grid/template.html",
      "id": "card-grid",
      "name": "Sortable Card Grid",
      "category": "layout",
      "tags": [
        "cards",
        "grid",
        "filter",
        "sort",
        "team",
        "features",
        "products",
        "portfolio"
      ],
      "compatible_verticals": [
        "team-pages",
        "product-features",
        "portfolios",
        "service-listings",
        "case-studies"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "37-progress-tracker",
      "path": "engines/37-progress-tracker/template.html",
      "id": "progress-tracker",
      "name": "Progress / Milestone Tracker",
      "category": "data",
      "tags": [
        "progress",
        "milestone",
        "fundraising",
        "thermometer",
        "goal",
        "tracker",
        "phases"
      ],
      "compatible_verticals": [
        "fundraising",
        "project-tracking",
        "goal-setting",
        "campaigns",
        "quarterly-reviews"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "38-embed-wrapper",
      "path": "engines/38-embed-wrapper/template.html",
      "id": "embed-wrapper",
      "name": "Embed / Iframe Wrapper",
      "category": "layout",
      "tags": [
        "embed",
        "iframe",
        "external",
        "widget",
        "integration",
        "third-party"
      ],
      "compatible_verticals": [
        "dashboards",
        "reports",
        "documentation",
        "presentations",
        "portals"
      ],
      "core_libs": [],
      "complexity": "medium"
    },
    {
      "folder": "39-globe-testimonials",
      "path": "engines/39-globe-testimonials/template.html",
      "id": "globe-testimonials",
      "name": "Globe Testimonials Orbit",
      "category": "sales",
      "tags": [
        "testimonials",
        "social-proof",
        "globe",
        "threejs",
        "quotes",
        "global-footprint"
      ],
      "compatible_verticals": [
        "landing-pages",
        "sales-pages",
        "case-studies",
        "consulting",
        "real-estate",
        "fundraising"
      ],
      "core_libs": [
        "three.js"
      ],
      "complexity": "high"
    },
    {
      "folder": "44-interactive-ranking-chart",
      "path": "engines/44-interactive-ranking-chart/template.html",
      "id": "interactive-ranking-chart",
      "name": "Interactive Ranking Chart",
      "category": "data",
      "tags": [
        "ranking",
        "ranked-bars",
        "market-sizing",
        "leaderboard",
        "range-bar",
        "comparison",
        "sorting"
      ],
      "compatible_verticals": [
        "consulting",
        "equity-research",
        "board-updates",
        "market-landscape",
        "competitive-analysis",
        "portfolio-analysis"
      ],
      "core_libs": [],
      "complexity": "medium"
    }
  ]
}
