Introduction

Welcome to the documentation. This guide will help you get started with the design system.

Overview

Interplanetary UI is a terminal-inspired design system for building industrial-strength web applications. It provides a modular CSS framework with a 2-axis theming model: theme × font, plus container components.

This is an informational note about something important.

Features

  • 4 complete color themes with light/dark variants
  • 3 font pairings (terminal, cyber, sterile)
  • 40+ components ready to use
  • Tailwind v4 compatible
  • No build step required (CDN available)

Quick Start

Add the following to your HTML:

<link rel="stylesheet" href="path/to/interplanetary.css">
<script src="path/to/interplanetary.js"></script>

Then add the base classes to your body:

<body class="bg-primary text-secondary font-body text-xs">

Next Steps

Installation

Learn how to install via CDN or locally.

Components

Explore all available components.