Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/getgoui/go-ui
- Owner: getgoui
- License: mit
- Created: 2021-08-12T06:17:39.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-20T10:17:18.000Z (4 months ago)
- Last Synced: 2024-09-20T12:17:44.138Z (about 2 months ago)
- Topics: a11y, component-library, design-system, stenciljs, typescript, webcomponents
- Language: TypeScript
- Homepage: https://go-ui.com
- Size: 9.08 MB
- Stars: 23
- Watchers: 2
- Forks: 1
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Funding: .github/FUNDING.yml
- License: LICENSE
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)):
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!