arwes

Futuristic Sci-Fi UI Web Framework

ARWES is a web framework to build user interfaces based on futuristic science fiction designs, animations, and sound effects. The concepts behind are opinionated with influences from Cyberprep and productions like Star Citizen, Halo, NIKKE, and Mecha Break. It tries to inspire advanced science and technology.

The ARWES project is no longer maintained and currently outdated but it is still functional and operational. Feel free to fork it for your own personal use.

Packages

Vanilla

Core of the framework. Vanilla packages do not have major external dependencies but most tools are low level APIs and sometimes require elaborated setups. Other implementation packages simplify its use.

React

ARWES offers React v18 specific packages with SSR support. ARWES does not work with React strict mode nor React Server Components.

Community

Apps

Contributors

This project follows the all-contributors specification.

Workflow

Using Node.js v20.

Setup

Install and build all packages:

npm install
npm run build

Applications

Open an app in development mode:

npx turbo dev -F apps-docs
npx turbo dev -F apps-play
npx turbo dev -F apps-perf

Packages

Build and watch a package in development mode:

npx turbo dev -F @arwes/animated
# ...

Production

Build production website at the ./www folder and open it:

npm run www
npm run serve
open http://localhost:3000