Article Details

Introducing the Governance UI Kit and App Template

Legacy DAO frameworks, and their UIs, are rigid. As DAOs adopt new governance models like optimistic voting and gauge-based systems, their interfaces need to evolve to support the smart contracts. But adapting UIs is often costly, time-consuming, and frustrating.

That’s why we built the Governance UI Kit and App Template, giving designers and developers everything they need to quickly and efficiently build custom interfaces designed for modular governance that adapt and scale as DAOs evolve.

• Easy to use: Plug and play components and templates to get up and running
• Flexible & customizable: Adapts to any brand and governance design
• Optimized for governance: Seamless integration with Aragon OSx
• Open-source & sovereign: Free to use, with the option to self-host for complete control

The Governance UI Kit and App Template power Polygon, Taiko, Mode, and Puffer’s innovative governance models. Aragon OSx makes it safe and easy to customize governance contracts, and our UI tools make it just as fast and simple to create bespoke interfaces for community participation. Now, they’re open for any designer or developer to build their own Governance Hub.

Governance UI Kit

A human-centered, open-source React library for seamless, transparent governance interfaces.

• Comprehensive library: A library of consistent ready-to-use UI components for a seamless user experience.
• Customizable branding: Swap out the design tokens to adapt themes to reflect your brand.
• Ethereum-friendly components: Follows best practices for web3 applications and common design patterns.
• Optimized for governance: Includes all of the common components designed by an expert team specializing in modular governance systems.

Designers can learn more in the docs or access the UI Kit on Figma to explore how it can be used to build an application for your unique use case.

Governance App Template

A lightweight, flexible UI host that lets DAOs build a custom UI in a fraction of the time. It empowers developers to focus on what matters, rather than just the tedious setup. Built with next.js and Wagmi, it’s ready to be self-hosted with Vercel in a single click. It also leverages commonly used libraries such as Reown’s AppKit for seamless wallet integrations.

• Fork and customize: Adapt the template with only the features your DAO needs.
• Lean & scalable: Connect additional infrastructure, such as caching systems or databases, as you scale. 
• Full sovereignty: Self-host for complete control over your governance stack.

The App Template is fully optimized for Aragon OSx primitives and pre-loaded with example governance plugins that are ready to install as is or forked and modified to your needs.

Get Started

Build a custom governance UI that truly fits your DAO.

Explore the docs to get hands-on with the Governance UI Kit and App Template–or connect with our custom services team for end-to-end governance solutions.