Arwes is a web framework to build user interfaces for web applications based on science fiction and cyberpunk styles guidelines, animations and sounds effects. The idea is to let you create realistic futuristic user experiences for your projects.

The tools are based on React for components, JSS for styles (learn more about CSSinJS), react-transition-group for animations, Howler for sounds and Prism for code highlighting.

Currently is under development with an alpha version available on npm. Modules and components are under test and their API may change.

Install

$ npm install --save arwes

Documentation

See arwes.dev.

Need help?

Open a GitHub issue.

Want to contribute?

See contributing guidelines. All contributions of any kind are welcome!

Inspiration

This project has many inspiration sources, some of them:

• TRON: Legacy
• Halo Games
• Star Citizen
• Orbit SciFi UI Kit
• Hi-Tech Interface Builder Pack
• UXBERT High Tech Sci-Fi UX Dashboards, Infographics, Visual UI Elements
• SciFi HUD Pack
• Ghost in the Shell

Contributors

| Romel Perez💻 📖 ✅ 💁 | Nick West📖 | | :---: | :---: |

This project follows the all-contributors specification.

Roadmap

• [x] Design, animations and sounds guidelines
• [x] Playground for development
• [x] Base API for components and tools
• [x] Support for server-side rendering
• [x] Define logo
• [x] Documentation
• [x] Create component API docs
• [x] Create website playground
• [x] Create resources to learn JSS / React
• [ ] Refactor project architecture (In Progress)
• [ ] Standardize core components (In Progress)
• [ ] Add form components
• [ ] Add navigation components
• [ ] Best test coverege

License

MIT