Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps
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 arwes.dev. 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 arwes.dev repository. See Roadmap for more details.
The main functionalities which power the UI component system.
Styling tools using JSS with React components.
Assemble and disassemble user interfaces using animations from React components.
Define, manage and control interactive sound effects from React components.
Resource loading, responsive control, and general browser API tools.
Core UI React components.
Using the core functionalities and based on the guidelines, these are design system or design component implementations.
Arwes design system React components.
Check out Arwes Guidelines for detailed information about the concepts and inspiration projects behind the framework.
arwes.dev is for version
docs is a work in progress of the latest version.
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.
Romel Pérez's personal website.
Check out Arwes Roadmap for the project planning.
Want to contribute?
See how to contribute. All contributions of any kind are welcome!
Review the project boards.
This project follows the all-contributors specification.