lcars

A responsive layout for Star Trek's LCARS user interface made completely in HTML/CSS/JavaScript.

158
20
Vue

LCARS UI

LCARS (Library Computer Access/Retrieval System) is the iconic science-fiction UI designed by Mike Okuda for Star Trek: The Next Generation and used in all Star Trek productions that take place in the late 24th century.

Many recreations of LCARS exist as static graphics or as Flash animations. This project shows that one can develop a responsive LCARS interface entirely with modern web technologies. The interface responds to fit any screen and collapses to a minimal form for mobile devices. Even works on PADDs (ahem, tablets)!

Questions, comments, or want to contribute? Open an issue or message me on Twitter @saikofish.

Docker

Building:

docker build -t lcars:latest .

Running:

docker run -p5173:5173 lcars:latest

LCARS will then available under http://localhost:5173