Arwes

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 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 repository arwes.dev repository. See Roadmap for more details.

Packages

Functional

The main functionalities which power the UI component system.

@arwes/design

status downloads

Styling tools using JSS with React components.

@arwes/animation

status downloads

Assemble and disassemble user interfaces using animations from React components.

@arwes/sounds

status downloads

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

@arwes/platform

status downloads

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

@arwes/core

status downloads

Core UI React components.

Design

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

@arwes/arwes

status downloads

Arwes design system React components.

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

SoulExtract.com

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

Repository: soulextract/soulextract.com

RomelPerez.com

RomelPerez.com

Romel Pérez's personal website.

Repository: romelperez/romelperez.com

Guidelines

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

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
Romel Pérez

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

📖 🤔

This project follows the all-contributors specification.