Premium website starter by myndlabs.tech

Launch beautiful websites faster.

varsha is a premium Astro starter template with a polished design system, built-in docs, blog, and dark mode out of the box. Ship production-ready marketing sites, documentation portals, and personal pages in minutes instead of weeks.

Get started View docs
Create a new project
$ npm create varsha@latest

Astro-based · TypeScript-ready · Zero-config dark mode · No lock-in, deploy anywhere

A website built with varsha. Your brand, your content, deployed in minutes.

# features

Everything you need to launch, nothing you don't.

varsha ships with a curated set of features that cover 90% of website projects out of the box. Focus on your content and product; the boring infrastructure is already done.

design

Beautiful by default

A thoughtful design system with 18 hand-picked color palettes, typography scales, and spacing tokens. Your site looks premium from day one.

performance

Fast, really fast

Built on Astro's islands architecture. Ship near-zero JavaScript by default, with perfect Lighthouse scores and instant page loads.

accessibility

Accessible

Semantic HTML, keyboard navigation, ARIA attributes, and color contrast built into every component. WCAG 2.1 AA by default.

theming

Customizable

CSS custom properties power the entire theme system. Change two variables and re-skin your entire site in seconds.

seo

SEO-ready

Open Graph, Twitter cards, canonical URLs, sitemaps, and structured metadata all preconfigured. Just add your content.

dark mode

Dark mode built-in

18 themes (9 dark, 9 light) with system preference detection and a keyboard-accessible theme switcher. No extra setup.

content

Blog included

Markdown/MDX blog with content collections, tags, RSS feed, syntax highlighting, and reading time estimates.

docs

Docs included

Full documentation site template with sidebar navigation, search, code blocks, and i18n support.

i18n

i18n ready

Built-in internationalization routing and content organization for multi-language sites from the start.

components

Components library

Dozens of pre-built components: hero sections, feature grids, pricing tables, callouts, code blocks, tabs, and more.

typescript

TypeScript-ready

Full TypeScript support with strict types out of the box. Components, content collections, and APIs all fully typed.

deploy

Deploy anywhere

Static output deploys to Vercel, Netlify, Cloudflare Pages, GitHub Pages, or any static host. Add an Astro adapter for SSR if needed.

# showcase

Built with varsha.

See what ships when you start with varsha. From personal sites to startup landing pages, the starter gets out of the way and lets your content and brand take center stage.

Founder Site

founder.myndlabs.tech

A founder landing page with personal brand, newsletter, and product links, built and launched in an afternoon.
Documentation

Docs portal

The varsha documentation itself ships as part of the starter, demonstrating sidebar nav, search, and MDX content.
Blog

Blog template

A full blog with MDX posts, tags, author pages, RSS, and syntax-highlighted code blocks ready for your first post.

# why varsha

Skip the scaffolding. Start with a site that's already good.

Most starters give you a blank page and a build tool. varsha gives you a complete, production-grade foundation you can be proud to ship on day one. Stop configuring and start creating.

zero config

Works out of the box

No webpack configs, no Tailwind setup debates, no dark mode hacks to reverse-engineer. Clone, install, run, and you have a beautiful site. 

$ npm create varsha@latest
$ cd my-site && npm run dev
content first

Markdown & MDX native

Write posts and docs in Markdown or MDX with Astro content collections. Type-safe frontmatter, automatic slugs, and fast builds. 

---
title: "Hello World"
date: 2025-01-15
tags: [intro]
---

# Welcome to my blog...
portable

Your site, your data

No vendor lock-in, no SaaS dependency, no platform you can't leave. Static files deploy anywhere; your content lives in your repo as plain text. 

$ npm run build
# output: ./dist/
# deploy to any static host

# why different

varsha vs. building from scratch.

Starting from an empty folder means spending weeks on boilerplate before you write a single word of content. Starting with varsha means you spend those weeks on your product instead.

not a blank repo

Dozens of components, layouts, and patterns ready to use.

not a heavy framework

Astro delivers static HTML with optional JS islands.

more than a theme

Docs, blog, components, i18n, SEO, and theming all integrated.

What you get From scratch Basic theme Heavy framework varsha
Production-ready design system — limited requires setup ✓
Dark mode with theme switcher — basic requires setup ✓
Blog (MDX, RSS, tags) — some plugin ✓
Documentation site template — — plugin ✓
SEO & social metadata — partial plugin ✓
Accessibility (WCAG AA) your job varies varies ✓
i18n routing — — plugin ✓
TypeScript throughout optional varies ✓ ✓
Time to first deploy weeks days days minutes

Production-ready design system

from scratch — basic theme limited heavy fwk requires setup varsha ✓

Dark mode with theme switcher

from scratch — basic theme basic heavy fwk requires setup varsha ✓

Blog (MDX, RSS, tags)

from scratch — basic theme some heavy fwk plugin varsha ✓

Documentation site template

from scratch — basic theme — heavy fwk plugin varsha ✓

SEO & social metadata

from scratch — basic theme partial heavy fwk plugin varsha ✓

Time to first deploy

from scratch weeks basic theme days heavy fwk days varsha minutes

# what you get

Components, content, and code that just works.

Drop in pre-built components, create pages in Markdown or Astro, and customize with CSS variables. The starter is opinionated but never in your way.

Page components

Hero sections, feature grids, CTAs, pricing tables, testimonial cards, and more, all accessible and theme-aware.

Content collections

Type-safe Markdown/MDX for blog posts and docs with automatic slugs, tags, and build-time validation.

Theme system

18 palettes driven by CSS variables. Switch themes with a keystroke; add your own brand colors in minutes.

Astro islands

Add interactivity only where you need it with Astro's island architecture. Zero JS shipped for static content.

// src/pages/index.astro
---
import Hero from "../components/Hero.astro";
import Features from "../components/Features.astro";
import CTA from "../components/CTA.astro";
import { getCollection } from "astro:content";

const posts = await getCollection("blog");
---

<Layout title="My Site">
  <Hero
    eyebrow="Welcome"
    title="Hello, world."
    primaryCta={{ text: "Get started", href: "/docs/" }}
  />
  <Features items={features} />
  <CTA title="Start building today." />
</Layout>
Components → Content guide → Theming →

# components & templates

Everything you need, ready to compose.

HHero
FFeatures
$Pricing
"Testimonials
CCall to Action
BBlog Layout
DDocs Layout
NNavigation
TTabs
/Code Blocks
@Cards
#Tags
☰Sidebar
✉Newsletter
★Footer
+more

Every component is accessible, theme-aware, and fully customizable. Browse all components or bring your own.

# start building

Start building your website today.

Skip the weeks of boilerplate. Clone the starter, customize your theme, write your first post, and deploy. Your audience is waiting.

Get started Read the docs
light [/]