Axon

About This Template

Axon is a premium AI infrastructure SaaS template built for ML platforms, AI startups, and developer tool companies. Thirteen production-ready pages cover features, solutions, pricing, case studies, blog, careers, docs, and contact. Three color skins — Default amber, Glacier blue, and Forge light — switchable via a single HTML attribute. Neural-network canvas hero animation, 3D card tilt, magnetic buttons, shimmer border effects, and GSAP scroll animations on every section.

Signature

The hero features a live neural network canvas where interconnected nodes morph from chaotic scatter to a structured AI topology as the user scrolls — a visual metaphor for AI infrastructure that doubles as an interactive ambient element.

Features

• 13 complete pages — Home, Features, Solutions, Pricing, Customers, Case Study, Blog, Post, About, Careers, Docs, Contact, 404
• Neural network canvas animation — nodes morph from chaos to structured topology on scroll
• 3 color skins — Default (amber), Glacier (blue), Forge (light) switchable via data-skin attribute
• 3D card tilt on feature cards with mouse-position perspective transform
• Magnetic button effect (GSAP quickTo) on all primary CTAs
• Animated shimmer border on hero/CTA buttons with conic-gradient
• Pricing section with monthly/annual billing toggle and 3 tiers
• Full blog system with content collections — 6 posts included
• Case studies with individual detail pages — 3 companies included
• Animated counter stats with GSAP counter interpolation
• Logo marquee with infinite CSS animation
• Lenis smooth scroll + GSAP ScrollTrigger parallax on all sections
• TypeScript strict mode — zero any
• Conditional Google Analytics — loads only when PUBLIC_GA_ID is set

Deployment