Futuristic Sci-Fi UI Web Framework




Github Stars


Follow on Twitter

Join us on Discord


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

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

The previous version arwes@1.0.0-alpha.5 was moved to
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.



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


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




Need help?

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

Review frequently asked questions and code of conduct.


Check out Project Task Boards.


This project follows the all-contributors

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.

Read More