Kairo

Kairo is a premium dark-cinema SaaS template built for AI platforms, automation tools, and developer products. Eighteen production-ready pages cover features, pricing, integrations, documentation, API reference, changelog, blog, case studies, careers with individual job postings, about, contact, status, and legal pages. Signature hero with animated SVG chronometer and iris-reveal dashboard, GSAP SplitText character scramble, bento feature grid, DrawSVG timeline, sticky technical specs with animated terminal, and a Sanity CMS version available separately.

What’s inside

• 18 complete pages, Home, Features, Pricing, Integrations, Docs, API Reference, Changelog, Blog, Post, Case Studies, Case Study, About, Careers, Job Posting, Contact, Status, Privacy, Terms, 404
• Animated SVG chronometer hero with three rotating arcs driven by GSAP
• Iris reveal, dashboard image expands via clip-path circle like a camera shutter on scroll
• SplitText character scramble headline animation on load
• Bento feature grid, asymmetric 6-card magazine layout
• DrawSVG animated connector line on 3-step timeline

The signature

The hero features an animated SVG chronometer with three concentric rotating arcs, paired with an iris-reveal dashboard that expands from a zero-radius clip-path circle as the user scrolls, like a camera shutter opening to reveal the product interface beneath.

See it live

The demo is public: https://fpsjago.github.io/kairo-template/. 18 pages, built with Astro 5, React 19, TypeScript, Tailwind CSS v4, GSAP.