Built with Astro, TailwindCSS, and React/HeadlessUI

Preview: Astrov

Main Features:

🚀 Built with the Latest Technologies

Powered by Astro v5+ and TailwindCSS v4+, ensuring top-notch performance and modern development standards.

✨ Minimal, Unique, and Lightning-Fast

A sleek, clutter-free design with smooth transitions, thanks to Astro's client-side router.

📱 Fully Responsive & Easy to Customize

Adapts seamlessly to all screen sizes with just two well-balanced color sets—a neutral base and a customizable brand color.

🌑 Clean, Consistent Dark Theme

A thoughtfully designed dark mode with simple, well-structured components for an effortless user experience.

🧭 Efficient Navigation

Features a streamlined desktop menu and a mobile-friendly menu built with HeadlessUI for intuitive browsing.

🔍 Powerful Search Component

Enjoy a fuzzy search experience with:
✔️ Highlighted search results
✔️ Smart fallback options
✔️ Smooth arrow key navigation
✔️ Quick selection with Enter
✔️ Instant reset with Escape

📝 Comprehensive Blog System

Powered by Astro Content Collections, featuring:
✔️ Pagination
✔️ Search
✔️ Previous/next post navigation
✔️ Tag pages
✔️ Social sharing
✔️ Draft support for work-in-progress posts

📩 Fully Functional Contact Form

Easily configurable with a generous free quota of 250 monthly submissions. No hassle, just works.

🔎 SEO Optimized for Maximum Visibility

Includes essential SEO tags, an RSS feed, and sitemap generation to enhance search engine rankings.

🎨 Icon & Font Flexibility

Uses Fontsource for locally hosted fonts and Lucide icons for a clean, sharp look.

📂 All the Essential Pages You Need

Includes Portfolio, Blog, About, Contact, and 404 pages, so you're set up from day one.

📖 Clear, Developer-Friendly Documentation

Well-structured documentation with helpful code comments, making customization easy for both beginners and advanced users.

🛑 Hold on! If you like this theme but need more sections and flexibility, check out my Astro Sass template! It offers a similar design with additional features and expanded sections—perfect for those who want even more customization.

🔗 View the Astro Sass Template

Built with Astro, TailwindCSS, and React

Preview: Astrosas

Main Features:

• Perfect Lighthouse Scores: 100/100/100/100 for both mobile and desktop!
• Fully Responsive and Easily Customizable: Seamlessly adapts to all devices with just two color sets — one neutral and one for your brand.
• Clean Dark Design: A consistent, easy-to-use dark theme with simple, well-structured components.
• Efficient Navigation: Includes a mega-style desktop menu, dropdowns for mobile, and an accordion component. All animated, using RadixUI.
• Powerful Search Component: Fuzzy search with highlight, fallback options, arrow key navigation, Enter to select, and Escape to reset.
• Comprehensive Blog Setup: Astro Content Collections with pagination, search, previous/next post navigation, tags, table of contents, social sharing, and draft support.
• Working Contact Form: Fully functional and easy to configure.
• SEO Optimized: Includes SEO tags, RSS feed, and sitemap generation for better search engine visibility.
• Icon and Font Flexibility: Local fonts using Fontsource, with Carbon and Material Design icon sets.
• Flexible Footer Options: Choose between slim or classic design.
• Detailed Pricing Page: Features a comparison layout for clear pricing information.
• 404 Page: Includes the search component for better user experience.
• All Essential Pages: Everything you need is included, ready to be tailored to your needs.
• Clear Documentation: All necessary information and guidance are included in the documentation, with helpful code comments wherever they are needed for easy understanding and customization.