Basis

Build on Fundamentals - A methodology for modern web development using basic tools and clear boundaries

Astro Alpine.js Supabase
Demo Components

What Makes Basis Different

Design

Real-time Color System

Token hierarchy from primitives to themes. Change colors in one place, see updates everywhere.

Components

Semantic HTML Blocks

65+ pre-built components using HTML + CSS + minimal Alpine.js. No framework lock-in.

Data

Pre-built CRUD & Auth

Alpine stores with Supabase integration. Backend logic without backend complexity.

Content

Markdown-Driven Pages

Write content in Markdown with frontmatter. Components handle the presentation.

Pages

Composable Page Building

Stack components like LEGO blocks. Each page is just HTML composition with zero JavaScript overhead.

Deploy

Zero Configuration

Push to GitHub, deploy automatically. No build configs, no CI/CD setup, it just works.