https://github.com/arwes/arwes

Futuristic Sci-Fi UI Web Framework.
https://github.com/arwes/arwes

arwes cyberprep framework gui react retrowave sci-fi science-fiction scifi solarpunk synthwave ui

Last synced: 6 months ago
JSON representation

Futuristic Sci-Fi UI Web Framework.

Host: GitHub
URL: https://github.com/arwes/arwes
Owner: arwes
License: mit
Created: 2015-01-08T02:10:24.000Z (almost 11 years ago)
Default Branch: next
Last Pushed: 2025-02-11T03:37:51.000Z (9 months ago)
Last Synced: 2025-05-07T08:02:03.002Z (6 months ago)
Topics: arwes, cyberprep, framework, gui, react, retrowave, sci-fi, science-fiction, scifi, solarpunk, synthwave, ui
Language: TypeScript
Homepage: https://arwes.dev
Size: 67.1 MB
Stars: 7,235
Watchers: 139
Forks: 310
Open Issues: 6
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

awesome-ccamel - arwes/arwes - Futuristic Sci-Fi UI Web Framework. (TypeScript)
awesome-repositories - arwes/arwes - Futuristic Sci-Fi UI Web Framework. (TypeScript)
StarryDivineSky - arwes/arwes
awesome - arwes/arwes - Futuristic Sci-Fi UI Web Framework. (TypeScript)
awesome - arwes/arwes - Futuristic Sci-Fi UI Web Framework. (TypeScript)
my-awesome-list - arwes - Fi UI Web Framework. | arwes | 7402 | (TypeScript)

README

          



  





  Futuristic Sci-Fi UI Web Framework





  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



---

[ARWES](https://arwes.dev) 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](https://aesthetics.fandom.com/wiki/Cyberprep) and productions like [Star Citizen](http://robertsspaceindustries.com), [Halo](https://www.halowaypoint.com/en-us/games), [NIKKE](https://nikke-en.com), and [Mecha Break](https://www.mechabreak.com/index). It tries to inspire advanced science and technology.

> The project is under development and not ready for production yet. It is still in

> [alpha release](https://stackoverflow.com/questions/40067469), so the components

> are being tested and their API may change as it gets completed.

> Branch [`main`](https://github.com/arwes/arwes/tree/main) is for `1.0.0-alpha`

> releases and public content deployed at [arwes.dev](https://arwes.dev).

> Branch [`next`](https://github.com/arwes/arwes/tree/next) is for `1.0.0-next`

> releases and active development deployed at [next.arwes.dev](https://next.arwes.dev).

> The previous version `@arwes/[package]@1.0.0-alpha.19` was moved to [version1-breakpoint2.arwes.dev](https://version1-breakpoint2.arwes.dev)

> and [playground.version1-breakpoint2.arwes.dev](https://playground.version1-breakpoint2.arwes.dev)

> with the branch [`version1-breakpoint2`](https://github.com/arwes/arwes/tree/version1-breakpoint2)

> where you can find the components, the playground, and the website source code. This version

> was released in April, 2021, and it is now deprecated.

> The previous version `arwes@1.0.0-alpha.5` was moved to [version1-breakpoint1.arwes.dev](https://version1-breakpoint1.arwes.dev)

> with the branch [`version1-breakpoint1`](https://github.com/arwes/arwes/tree/version1-breakpoint1)

> where you can find the components and the website source code. This version was

> released in February, 2018, and it is now deprecated.

## Packages

### Vanilla

[![bundle size](https://img.shields.io/bundlephobia/minzip/arwes.svg)](https://bundlephobia.com/package/arwes)

[![installs](https://img.shields.io/npm/dm/arwes?label=installs&style=flat-square)](https://bundlephobia.com/package/arwes)

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

[![bundle size](https://img.shields.io/bundlephobia/minzip/@arwes/react.svg)](https://bundlephobia.com/package/@arwes/react)

[![installs](https://img.shields.io/npm/dm/@arwes/react?label=installs&style=flat-square)](https://bundlephobia.com/package/@arwes/react)

ARWES offers [React](https://react.dev) v18 specific packages with SSR support.

ARWES does not work with React strict mode nor React Server Components.

## Community

### Apps


ØKN


SoulExtract.com


RomelPerez.dev


Archive RPG


Cyber Movie Database


Primary Buffer Panel


Universe Dawn


Badgeth


Dark Galaxies


inCyberPunk


Stream Overlay


StarWards


Lady of the Shalott


Assembly RTS


paingthet.com


glitchy.website

### Complements

- [Augmented UI](https://augmented-ui.com)

- [Rive App](https://rive.app)

- [tsParticles](https://particles.js.org)

- [Vanta.js](https://www.vantajs.com)

- [Howler.js](https://howlerjs.com)

## Need help?

Open [a GitHub issue](https://github.com/arwes/arwes/issues/new/choose) or let's

chat on [Discord](https://discord.gg/s5sbTkw).

## Roadmap

Check out the [ARWES Project Boards](https://github.com/orgs/arwes/projects).

## Contributors

  

    

      
_{Romel Pérez}
📆 💻 ⚠️ 📖

      
_{Nick West}
📖 🤔 🔬 🚇

      
_{Joshua Pratt}
💻 👀

      
_Zoey
🤔 👀

      
_{Amir Arad}
🐛 💻

    

    

      
_{Stephen Bennett}
🐛 💻

      
_{Zixuan Wang}
🐛 💻

      
_Frityet
💵

      
_AthelesE
💵

      
_Ram
💵

    

  

_This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors)

specification._

## Want to contribute?

The project is not fully open for sustancial contributions yet until the

first beta version is released. Follow the development on

[Discord](https://discord.gg/s5sbTkw) and [X (Twitter)](https://x.com/arwesjs).

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/arwes/arwes

Awesome Lists containing this project

README