Astro LCARS Theme

This project is a reimagined LCARS implementation using our @withstudiocms/lcars-stylus Stylus design kit. Want to create a website or web interfaces that are inspired by your favorite Star Trek LCARS screens? This makes it easy!

Tech Stack

• Astro v6 - SSR-enabled with @astrojs/node adapter
• Stylus - Robust, expressive, and feature-rich CSS superset
• WithStudioCMS LCARS-Stylus - LCARS inspired design system built with Stylus
• Astro-OG-Canvas - Generate OpenGraph images for your Astro site

Getting Started

Prerequisites

• Node.js 22+ or latest LTS
• pnpm package manager

Installation

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Preview production build
pnpm preview

Development

Customize to your hearts content, use the existing elements and pages as a template for how to expand on the current design to create your own look!

Licensing

MIT Licensed 2026-Present - withstudiocms

LCARS is a copyright of CBS Studios INC. and Star Trek. All rights reserved. This project is not endorsed or affiliated with CBS or Star Trek in any way, this is a fan project meant solely for fun!

The Font used in this project is "LCARS GTJ3" from gtjlcars.de