Introduction

Welcome to Anti-Gravity, a modern, minimal multi-purpose theme for Astro. Built with Linear-inspired design principles, it’s perfect for SaaS products, startups, portfolios, and marketing sites.

What is Anti-Gravity?

Anti-Gravity is a comprehensive theme that includes:

• Design System - A complete set of design tokens, colors, typography, and spacing
• Component Library - Pre-built, accessible UI components
• Page Templates - Ready-to-use pages for common use cases
• Content Collections - Blog and documentation support with MDX

Key Features

🚀 Performance First

Built on Astro’s islands architecture, Anti-Gravity ships zero JavaScript by default. Interactive components are hydrated only when needed.

🎨 Beautiful Design

Linear-inspired aesthetics with clean typography, subtle animations, and thoughtful spacing. Looks great in both light and dark modes.

♿ Accessible

Every component is built with accessibility in mind. Full keyboard navigation, screen reader support, and WCAG compliance.

🛠 Customizable

Easy to customize with CSS variables and Tailwind. Change colors, typography, and spacing in minutes.

Quick Start

Get started with Anti-Gravity in just a few steps:

# After purchasing, download and extract the theme
unzip anti-gravity-theme.zip -d my-project

# Install dependencies
cd my-project
npm install

# Start development server
npm run dev

Your site will be running at http://localhost:4321.

Project Structure

├── public/           # Static assets
├── src/
│   ├── components/   # UI components
│   ├── config/       # Site configuration
│   ├── content/      # Blog and docs content
│   ├── layouts/      # Page layouts
│   ├── lib/          # Utility functions
│   ├── pages/        # Page routes
│   └── styles/       # Global styles
└── package.json

Next Steps

• Installation Guide - Detailed setup instructions
• Theming - Customize colors, fonts, and more
• Components - Explore the component library