Develop

The framework is delivered for the web platform as NPM packages in the @arwes/[package] scope for CommonJS and UMD formats in JavaScript ES5.

The packages source code is written in TypeScript and on top of tools like React, Emotion, Anime, and Howler.

Latest version of Chrome, Firefox, and Safari, for Android, iOS and desktop are supported.

The framework packages are categorized by functional packages and implementation packages.

Functional Packages

The main functionalities which power the UI component system. They can be used to develop any design system with similar requirements as the Arwes guidelines propose to solve.

@arwes/tools

Resource loading, responsive control, and general browser API tools.

@arwes/design

Theming and styling tools with focus in Emotion in React.

@arwes/animation

Assemble and disassemble user interfaces using animation controls in React.

@arwes/sounds

Define, manage, and control interactive sound effects using Howler in React.

Implementation Packages

Using the functional packages and based on the project guidelines, these are the framework design system or visual design component implementations.

See the Components GitHub Project for all the implementation packages related planning tasks.

@arwes/core

Framework core set of components.

@arwes/arwes

Arwes specific design components.