Build Something Amazing
A modern marketing site template built with Astro, Tailwind CSS, and TypeScript. Fast, accessible, and fully customizable.
Trusted by leading teams
Everything You Need
Built with modern web technologies for the best developer and user experience.
Lightning Fast
Built on Astro for zero-JS by default. Pages load in milliseconds with perfect Lighthouse scores.
Fully Responsive
Every component adapts seamlessly from mobile to desktop. No breakpoint left behind.
SEO Optimized
Built-in meta tags, Open Graph, Twitter cards, sitemap, and semantic HTML for maximum visibility.
Dark Mode
Beautiful dark mode support with CSS custom properties. Respects user system preferences.
TypeScript First
Full TypeScript support with typed Props interfaces for every component. Catch errors at build time.
Content Collections
Blog and showcase powered by Astro Content Collections with Zod schema validation.
Modular Block Architecture
Build pages by composing reusable blocks. Each block accepts typed data props with zero hardcoded content. Mix and match blocks to create any landing page.
- Zero HTML in page files — just block imports and data
- TypeScript Props interfaces for every component
- Config-driven navigation and footer links
- Content Collections for blog and showcase
Get Started in Minutes
Three simple steps to launch your site.
-
Clone the Template
Use Project Factory to create a new site, then apply the marketing-site template with Project Tailor.
-
Add Your Content
Edit site.ts for branding and navigation. Add blog posts and showcase items with Markdown or MDX.
-
Deploy Everywhere
Push to GitHub and deploy automatically to Cloudflare Pages, Vercel, or Netlify. Zero config needed.
Built for Performance
Astro ships zero JavaScript by default. Combined with Tailwind CSS v4 and static site generation, your marketing site loads instantly on any device and connection speed.
- Zero client-side JavaScript by default
- Automatic image optimization with Sharp
- CSS custom properties for instant theme switching
- Static site generation for global CDN deployment
Trusted by Developers
Join thousands of developers building with our template.
What People Are Saying
Hear from developers who've built with this template.
“The block architecture made it incredibly easy to build our landing page. We launched in a single afternoon.”
“Best Astro template I've used. Dark mode, SEO, and performance are all handled out of the box.”
“The TypeScript Props interfaces caught so many bugs during development. Every component is a joy to use.”
Simple, Transparent Pricing
Choose the plan that works for your team.
Starter
Perfect for personal projects and experiments.
- All block components
- Blog & showcase collections
- Dark mode support
- Community support
Pro
Everything you need for a professional site.
- Everything in Starter
- Premium block components
- Priority email support
- Custom integrations
- Analytics dashboard
Enterprise
For teams that need advanced features.
- Everything in Pro
- White-label branding
- Dedicated support
- SLA guarantee
- Custom development
- Team onboarding
Frequently Asked Questions
Everything you need to know about the template.
What is this template built with?
This template uses Astro 5, Tailwind CSS v4, and TypeScript. It ships zero client-side JavaScript by default for maximum performance.
Can I use it for commercial projects?
Yes! The template is fully open-source and can be used for personal and commercial projects without any restrictions.
How do I customize the colors?
All colors are defined as CSS custom properties in src/styles/global.css. Simply change the values to match your brand colors — every component uses them automatically.
Does it support dark mode?
Yes, dark mode is built-in with a toggle button in the navbar. It respects system preferences and remembers user selection via localStorage.
How do I add new pages?
Create new .astro files in src/pages/. Import any block components you need and pass your data as props. No HTML writing required.
Can I add a blog?
The template includes a full blog system with Astro Content Collections. Add Markdown or MDX files to src/content/blog/ and they're automatically available.
Ready to Get Started?
Clone the template, customize the config, and deploy in minutes.