Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/getgoui/go-ui

Pattern-first, framework-agnostic, a11y focused, adaptive design system
https://github.com/getgoui/go-ui

a11y component-library design-system stenciljs typescript webcomponents

Last synced: about 5 hours ago
JSON representation

Pattern-first, framework-agnostic, a11y focused, adaptive design system

Awesome Lists containing this project

README

        

# GO UI

[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)

A design system for everyone.

## Pattern-first

Teams spend a lot of time on enhancing the end user experience. We encapsulate many of the common web design best practices and make them easy to use with our patterns. Allowing both design and development teams to focus on delivering the product.

## Framework-agnostic

Have multiple front-end stack in your organisation and need a consistent look and feel? Go UI utilise modern browser features such as Web Components and CSS custom properties so that the components and patterns can be used in any JavaScript framework, or no framework at all.

## Adaptable

Go UI makes it easy for developers to build adaptive web applications, this means out-of-the-box, your application support dark mode and reduced motion preferences from the user's operating system.

## Accessibility

Accessibility (a11y) is one of the most important criteria that enterprise web applications need to pay attention to. We hope to address this by providing accessible patterns and components that developers can take and reuse. Here are the things we do to ensure a high quality of a11y from the Go UI library.

- Automated a11y testing for each component.
- Use semantic HTML elements under the hood.
- Reference w3.org guidelines wherever possible.
- By the nature of open-source, we encourage a11y experts in the community to test our system and [provide feedbacks](https://github.com/go-components/go-components/issues/new?assignees=&labels=a11y%2C+bug&template=a11y-issue.md&title=%5BA11y+BUG%5D).

## Sponsors

Building and maintaining a design system is a lot of work. If this library does help you with producing your work, please consider sponsoring the project.

Become a sponsor gives your these added benefits:
- Support the high quality standard of this design system, hence the apps and websites that uses it.
- Have your organisation's logo and link featured here and on our home page.
- Gain high-priority issue support.

Please contact [email protected] to get started, we look forward to hearing from you.

## Tech stack

- Component engine - [Stencil](https://stenciljs.com/)
- Documentation site hosting - [Vercel](https://vercel.com/)
- Automated testing - [Jest](https://jestjs.io/) + [Puppeteer](https://pptr.dev/)
- A11y testing - [axe-core](https://github.com/dequelabs/axe-core)

## Contributors ✨

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):



Luka

🚇 💻

Sean Wu

🚇 💻 📖 💡 ⚠️

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!