https://github.com/louh/lcars

A responsive layout for Star Trek's LCARS user interface made completely in HTML/CSS/JavaScript.
https://github.com/louh/lcars

css-grid lcars snowpack startrek vue vuejs

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/louh/lcars
• Owner: louh
• License: gpl-3.0
• Created: 2020-08-25T20:47:38.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2023-11-29T09:16:44.000Z (7 months ago)
• Last Synced: 2024-01-17T21:28:01.762Z (6 months ago)
• Topics: css-grid, lcars, snowpack, startrek, vue, vuejs
• Language: Vue
• Homepage: https://lcars.computer/
• Size: 15.2 MB
• Stars: 120
• Watchers: 13
• Forks: 12
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Lists

• awesome-stars - lcars
• awesome-rainmana - louh/lcars - A responsive layout for Star Trek's LCARS user interface made completely in HTML/CSS/JavaScript. (Vue)

README

        
# LCARS UI

[LCARS (Library Computer Access/Retrieval System)](https://en.wikipedia.org/wiki/LCARS) 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](https://memory-alpha.fandom.com/wiki/Personal_Access_Display_Device) (ahem, tablets)!

**Questions, comments, or want to contribute?** [Open an issue](https://github.com/louh/lcars) or [message me on Twitter @saikofish](https://twitter.com/saikofish).