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 [email protected] 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

Vanilla

Package	Status	Description
@arwes/tools	Polishing	General React 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 responsive vector graphics components
@arwes/bgs	Development	Passive UI background effects
arwes	Polishing	All vanilla 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 responsive vector graphics components
@arwes/react-bgs	Polishing	Passive UI background effects
@arwes/react	Polishing	All vanilla and React packages bundle

Community

Apps

SoulExtract.com soulextract/soulextract.com	RomelPerez.dev --	Badgeth --
Dark Galaxies --	inCyberPunk inPhoenix/inCyberPunk2022	Stream Overlay --
ArchiveRPG.com --	StarWards starwards/starwards	Cyber Movie Database wrick17/cmdb
Lady of the Shalott --	Assembly RTS --	Universe Dawn --
paingthet.com --	Primary Buffer Panel --

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 🐛 💻	Zixuan Wang 🐛 💻

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.