Back to themes

Xavier

Xavier is a complete personal portfolio theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script.


Cost

Paid


Created by
Waida Studio

All Pages:

  • Home
  • About
  • Services
  • Service detail
  • Case studies
  • Project
  • Blog
  • Blog article
  • Pricing
  • Contact
  • Style guide
  • Licenses
  • Instructions
  • Changelog
  • 401 password protected
  • 404


Features:

  • Astro 7
  • Zero framework JavaScript
  • 30 static pages per build from 16 route files
  • One 13 KB vanilla script, the only JavaScript the site ships
  • Three Markdown content collections — 7 blog articles, 7 projects, 3 services
  • Add a Markdown file and it publishes at its own route, on every listing that shows it
  • Each article and each project names the three related items shown under it
  • The blog page features one article and prints every other by itself
  • A loader that spells the name out letter by letter
  • Five page-load sequences that fade a page's hero in one element at a time
  • 699 scroll reveals in six directions, and 97 staggered group items
  • Three scroll-linked timelines — the design principles, the about banner and the about statement — that catch up with the scroll
  • 48 slot-machine counters that roll their digits up as they come into view
  • Skill bars that fill to the percentage beside them
  • A magnetic arrow and a portrait that lean toward the pointer
  • Rolling hovers on 104 pill buttons and 420 text links
  • Testimonial slider with Webflow's own algorithm transcribed — wrap, arrows, autoplay and touch swipe
  • FAQ accordion, keyboard-operable with aria-expanded
  • Mobile menu that slides down from behind the bar and closes on Escape, on an outside press and when the screen grows
  • Contact form that validates, acknowledges and resets — point it at your own endpoint
  • 401 password page with the same demo handling
  • Smoothed wheel scroll that stands down for touch, keys and reduced motion
  • prefers-reduced-motion honoured — every element in place, no loops, no loader, no smooth scroll
  • Design tokens — 173 custom properties for colour, type and spacing
  • Style Guide page previewing the type scale, the paragraph sizes, the palette and the buttons
  • Open Graph & Twitter cards
  • Canonical URLs
  • Self-hosted Anton, DM Sans, Doto and Hanken Grotesk as woff2 — no CDN requests
  • No third-party request from any rendered page
  • TypeScript throughout, zod-validated content schema
  • The original template's own CSS — no utility framework
  • Netlify and Vercel config included
  • Deploys to any static host
  • Ongoing Updates


When you purchase the template you get a license covering one end product per license. You may modify the source freely; you may not resell, sublicense or redistribute it, in whole or in substantial part.

If you have any questions do not hesitate to reach out on: Email: contact@kaziehsan.com

Thank you so much for reading and showing interest in this template.


Astro All Access Bundle:

Every Astro template Waida Studio makes — the whole collection in one purchase, plus every future release and ongoing updates. All of them are built the same way: zero framework JavaScript, every page pre-rendered to static HTML, hand-crafted CSS with design tokens, and TypeScript throughout.

Get Astro Bundle