Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps

version travis code style: standardjs tested with: jest lerna license
github stars Twitter Follow chat on discord

Arwes is a web framework to build user interfaces for web applications based on futuristic science fiction and cyberpunk styles, animations, and sound effects. The concepts behind are opinionated and try to inspire advanced space technology and alien influence. It is built on top of React, JSS, Anime, and Howler.

The project has a working version with the package arwes and the documentation with the website This is an alpha release. Modules and components are being tested and their API may change. Check out the source code at version1-breakpoint1 branch where you can find the components and the website.

Currently, the development is at master branch with the packages @arwes/[package]. They are not a working version yet, and they have major breaking changes with the arwes package. The website will be worked on once the new version is released in the repository repository. See Roadmap for more details.



The main functionalities which power the UI component system.


status downloads

Styling tools using JSS with React components.


status downloads

Assemble and disassemble user interfaces using animations from React components.


status downloads

Define, manage and control interactive sound effects from React components.


status downloads

Resource loading, responsive control, and general browser API tools.


status downloads

Core UI React components.


Using the core functionalities and based on the guidelines, these are design system or design component implementations.


status downloads

Arwes design system React components.

Documentation is for version 1.0.0-alpha.5.

docs is a work in progress of the latest version.

Need help?

Open a GitHub issue or let's chat on Discord.

Review Frequently Asked Questions.

Also, read the project code of conduct.


Alternative Rock injected with electronic and cinematic elements. Proud member of the FiXT roster.

Repository: soulextract/

Romel Pérez's personal website.

Repository: romelperez/


Check out Arwes Guidelines for detailed information about the concepts and inspiration projects behind the framework.


Check out Arwes Roadmap for the project planning.

See changelog.

Want to contribute?

See how to contribute. All contributions of any kind are welcome!

Review the project boards.


Romel Pérez
Romel Pérez

📆 💻 📖 💬
Nick West 眨眼龙
Nick West 眨眼龙

📖 🤔

This project follows the all-contributors specification.