A responsive layout for Star Trek's LCARS user interface made completely in HTML/CSS/JavaScript.
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.
Building:
docker build -t lcars:latest .
Running:
docker run -p5173:5173 lcars:latest
LCARS will then available under http://localhost:5173