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 productions like Star Citizen, Halo, Deus Ex, and NIKKE. 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 for1.0.0-alpha
releases and public content deployed at arwes.dev.
Branch
next
is for1.0.0-next
releases and active development deployed at next.arwes.dev.
The previous version
@arwes/[package]@1.0.0-alpha.19
was moved to version1-breakpoint2.arwes.dev and playground.version1-breakpoint2.arwes.dev with the branchversion1-breakpoint2
where you can find the components, the playground, and the website source code. This version was released in April, 2021, and it is now deprecated.
The previous version
[email protected]
was moved to version1-breakpoint1.arwes.dev with the branchversion1-breakpoint1
where you can find the components and the website source code. This version was released in February, 2018, and it is now deprecated.
ARWES packages are categorized by vanilla and implementation packages. ARWES vanilla packages do not have major external dependencies, while the implementation packages depend on specific frameworks to simplify their use and add custom UI components.
Their functionalities can be for visual design, motion design, audio design, or UI implementation. The ARWES Playground can be used to experiment with various API use cases in real-time in browser.
Vanilla packages do not have major external dependencies but most tools are low-to-medium level APIs and sometimes require elaborated setups/configurations.
Package | Status | Description |
---|---|---|
@arwes/tools |
Polishing | General browser utilities |
@arwes/theme |
Polishing | Visual themes scaffolding |
@arwes/styles |
Polishing | Special visual styles |
@arwes/animator |
Polishing | Interfaces assembling |
@arwes/animated |
Polishing | Animation sequences effects |
@arwes/bleeps |
Polishing | Short sounds management |
@arwes/text |
Polishing | Text rendering effects |
@arwes/frames |
Development | Responsive scalable vector graphics |
@arwes/bgs |
Development | Passive background ambiences |
@arwes/core |
Development | Integration functionalities |
arwes |
Polishing | All vanilla packages bundle |
ARWES offers React v18 specific packages with SSR support. ARWES does not work with React strict mode nor React Server Components.
Package | Status | Description |
---|---|---|
@arwes/react-tools |
Polishing | React general utilities |
@arwes/react-animator |
Polishing | React interfaces assembling |
@arwes/react-animated |
Polishing | React elements animations |
@arwes/react-bleeps |
Polishing | React short sounds management |
@arwes/react-text |
Polishing | React text rendering effects |
@arwes/react-frames |
Development | React responsive scalable vector graphics |
@arwes/react-bgs |
Development | React passive background ambiences |
@arwes/react-core |
Polishing | React integration functionalities |
@arwes/react |
Polishing | All vanilla and React packages bundle |
ARWES offers Solid v1 specific packages with SSR support.
Package | Status | Description |
---|---|---|
@arwes/solid-animator |
Development | Animator interface tools |
@arwes/solid |
Development | All vanilla and Solid packages bundle |
Open a GitHub issue or let's chat on Discord.
Review frequently asked questions and code of conduct.
Check out the ARWES Project Boards.
Romel PΓ©rez π π» |
Nick West π π€ π¬ π |
Joshua Pratt π» π |
Zoey π€ π |
Amir Arad π π» |
Stephen Bennett π π» |
Zixuan Wang π π» |
This project follows the all-contributors specification.
The project is not fully open for sustancial contributions yet until the first beta version is released. Follow the development on Discord and Twitter.