https://github.com/aragon/gov-ui-kit
Implementation of the Aragon's Governance UI Kit
https://github.com/aragon/gov-ui-kit
aragon design-system governance governance-ui-kit react tailwind ui-kit
Last synced: 19 days ago
JSON representation
Implementation of the Aragon's Governance UI Kit
- Host: GitHub
- URL: https://github.com/aragon/gov-ui-kit
- Owner: aragon
- License: gpl-3.0
- Created: 2023-05-19T10:28:43.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-08T08:47:48.000Z (25 days ago)
- Last Synced: 2025-04-08T10:52:42.536Z (25 days ago)
- Topics: aragon, design-system, governance, governance-ui-kit, react, tailwind, ui-kit
- Language: TypeScript
- Homepage: https://uikit.aragon.org
- Size: 10.9 MB
- Stars: 11
- Watchers: 6
- Forks: 7
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Code of conduct: code-of-conduct.md
- Authors: AUTHORS
Awesome Lists containing this project
README
# Governance UI Kit
The Aragon Governance UI Kit is an open source and human-centric design system specifically designed for OSx-based
onchain organizations. It provides a unified and easy-to-use framework for creating visually consistent and engaging
interfaces, prioritizing user experience throughout the Aragon ecosystem.
**NOTE**: The Governance UI Kit library is currently in pre-alpha stage; breaking changes may occur.
**Key Features:**
- **OSx-compatible**: Pre-built components and patterns tailored for Aragon OSx governance workflows.
- **Unified design language**: Streamlined visuals and interactions for cohesive user experiences.
- **Accessible & responsive**: Adheres to accessibility best practices and scales well across different devices.
- **Designer-friendly**: Includes a comprehensive Figma library to accelerate prototyping and iteration.
- **Developer-focused**: Straightforward installation, theming options, and easily composable components.
## Designers
Designers can access the UI Kit in Figma to explore and adapt components for their own components and use cases. This
Storybook reflects the latest design tokens, styles, and components, so should be considered the "source of truth".
[Open in Figma](https://www.figma.com/community/file/1228026689149097807)
## Getting started building an application
To start building with the UI Kit, follow our
[Installation](https://aragon.github.io/gov-ui-kit/?path=/docs/docs-installation) doc. It covers how to set up your
environment and start importing components.
If you’re looking to launch a custom application more quickly on OSx, check out the
[Governance App Template](https://devs-stg.aragon.org/gov-app-template/1.x/). It demonstrates how to integrate UI Kit
components into a full-stack governance application, with some common governance patterns pre-built
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
Please make sure to update tests as appropriate.
## License
The Governance UI Kit is released under the [GPL-V3 License](./LICENSE).
---
Explore
|
Help
|
Privacy
|
Terms of Service