Futuristic Sci-Fi UI Web Framework

---

Arwes is a web framework to build user interfaces based on futuristic science fiction designs, animations, and sound effects. The concepts behind are opinionated with influences from Cyberprep and Synthwave, and productions like Star Citizen, Halo, and TRON: Legacy. It tries to inspire advanced science and technology.

The project is under development and not ready for production yet. It is still in alpha release, so the components are being tested and their API may change as it gets completed.

Branch main is for 1.0.0-alpha releases and public content deployed at arwes.dev.

Branch next is for 1.0.0-next releases and active development deployed at next.arwes.dev.

The previous version arwes@1.0.0-alpha.5 was moved to version1-breakpoint1.arwes.dev with the branch version1-breakpoint1 where you can find the components and the website source code. This package was released in February, 2018, and it is now deprecated.

Packages

Agnostic

Package	Status	Description
@arwes/tools	Polishing	General browser API tools
@arwes/theme	Development	Color, units, and general purpose dynamic theming tools
@arwes/animated	Polishing	HTML element animation utilities
@arwes/animator	Polishing	Assemble and disassemble user interfaces using animation controls
@arwes/bleeps	Polishing	Define, manage, and control interactive short sound effects
@arwes/text	Polishing	Text rendering effect tools
@arwes/frames	Polishing	Build custom frame components
@arwes/bgs	Polishing	Passive UI background effects
arwes	Polishing	All agnostic packages bundle

React

Package	Status	Description
@arwes/react-tools	Polishing	General browser API tools
@arwes/react-animator	Polishing	Animator interface tools
@arwes/react-animated	Polishing	Animated UI elements using animator tools
@arwes/react-bleeps	Polishing	Interactive short sound effects manager
@arwes/react-core	Specification	Core UI components
@arwes/react-text	Polishing	Text effect components
@arwes/react-frames	Polishing	Build custom frame components
@arwes/react-bgs	Polishing	Passive UI background effects
@arwes/react	Polishing	All React packages bundle

Community

Apps

SoulExtract.com soulextract/soulextract.com	RomelPerez.dev --	inCyberPunk inPhoenix/inCyberPunk2022
ArchiveRPG.com --	Lady of the Shalott --	Assembly RTS --

Similars

• Augmented UI

Need help?

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

Review frequently asked questions and code of conduct.

Roadmap

Check out Project Task Boards.

Contributors

Romel Pérez 📆 💻 ⚠️ 📖	Nick West 📖 🤔 🔬 🚇	Joshua Pratt 💻 👀	Zoey 🤔 👀	Amir Arad 🐛 💻
Stephen Bennett 🐛 💻

This project follows the all-contributors specification.

Want to contribute?

The project is not fully open for sustancial contributions yet until the first beta version is released. Follow the development on Discord and Twitter.