**THIS PROJECT IS CURRENTLY UNSTABLE! USE AT YOUR OWN RISK!**

# eswiss

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mattlean/eswiss/blob/master/LICENSE) [![npm](https://img.shields.io/npm/v/eswiss.svg?colorB=brightgreen)](https://npmjs.com/package/eswiss) [![TS Tests](https://github.com/mattlean/eswiss/workflows/TS%20Tests/badge.svg)](https://github.com/mattlean/eswiss/actions)

**eswiss** is design system that uses Swiss design principles as its foundation and adapts them to modern UI development methodologies.

The goals of the project are:

- 📐 Design beautiful and practical UI using a mature, logic-driven design methodology
- 🏃 Rapidly develop robust UI through utilization of reusable components and well-defined design guidelines
- 🤝 Encourage and streamline collaboration between designers and developers
- 🏋️ Streamline design and development process for solo-developers
- 🥗 Enforce maintainability in design and development process
- ♿ Encourage and streamline accessible and responsive design

## Development

eswiss requires [React](https://github.com/facebook/react), [Sass](https://github.com/sass/sass), and JavaScript. Alternatively, [TypeScript](https://github.com/microsoft/TypeScript) can also be used in place of JavaScript as declaration files are included.

## Preview Component Library

Thanks to [Storybook](https://github.com/storybookjs/storybook), you can view the component library on this project's GitHub pages: http://mattlean.github.io/eswiss

## License

This project is licensed with an [MIT license](https://github.com/mattlean/eswiss/blob/master/LICENSE).