mengjin001 / arwes

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

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 sounds effects. The idea is to let you create realistic futuristic user experiences in your projects. The concepts behind are opinionated and try to inspire advanced space technology and alien influence.

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 package @arwes/arwes. It is not a working version yet. It has major breaking changes and it is going through many refactors. The website will be worked once the core new version is released in the repository arwes.dev repository. See Roadmap.

Install

$ npm install --save arwes

Documentation

See arwes.dev.

Need help?

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

Inspirations

This project has many sources of inspiration. Some of the main influences are:

• Star Citizen
• Orbit SciFi UI Kit
• Futuristic HUD UI Pack
• Hi-Tech Interface Builder Pack
• SciFi HUD Pack
• TRON: Legacy
• Boom Sci-Fi Designed

Guidelines

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

Roadmap

For 2018 the project was released in alpha versions where the main ideas have been tested out in real-world projects. Though many features are limited, have little support or extensibility. The plan was to gather enough insight to decide and build the foundation of the framework.

For 2019 the plan is to work on the project by more granular sections. An ideal beta release would be by the end of the year.

• Project definition
• Research and playground with soulextract.com
• Guidelines
  • Design guildelines
  • Animation and Sound guildelines
  • User Experience guildelines
• Tools
  • Design tools
  • Animation tools
  • Sounds tools
  • Resources tools
  • Platform tools
• Components
  • Content components
  • Shape components
  • Control components
  • Navigation components

The website will be worked on the arwes.dev repository.

Want to contribute?

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

Contributors

Romel Perez 💻 📖 ✅ 💁	Nick West 📖

This project follows the all-contributors specification.