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.
Packages
Functional
The main functionalities which power the UI component system.
@arwes/design
Styling tools using JSS with React components.
@arwes/animation
Assemble and disassemble user interfaces using animations from React components.
@arwes/sounds
Define, manage and control interactive sound effects from React components.
@arwes/platform
Resource loading, responsive control, and general browser API tools.
@arwes/core
Core UI React components.
Design
Using the core functionalities and based on the guidelines, these are design system or design component implementations.
@arwes/arwes
Arwes design system React components.
Guidelines
Check out Arwes Guidelines for detailed information about the concepts and inspiration projects behind the framework.
Documentation
arwes.dev 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.
Showcase
SoulExtract.com
Alternative Rock injected with electronic and cinematic elements. Proud member of the FiXT roster.
Repository: soulextract/soulextract.com
RomelPerez.com
Romel Pérez's personal website.
Repository: romelperez/romelperez.com
Roadmap
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.
Contributors
Romel Pérez 📆 💻 📖 💬 | Nick West 眨眼龙 📖 🤔 |
This project follows the all-contributors specification.