What is it this?

A component library— a set of lightly styled, reusable pieces of UI. These components make it easy both developers and non-technical users to create websites for their Nouns Builder DAO.

Starting a DAO is hard. Our goal is to reduce the barriers to entry by allowing DAO founders to keep using the website solutions they already know, while adding their Nounish DAO elements to the site.

proposed by ripe and badublanc

Who’s it for?

Two audiences

• Technical users: front-end developers building a Nounish DAO website can use the NPM package and easily add components to their preferred codebase.
• Non-technical users: anyone who wants to use a no-code site builder like Squarespace or Webflow can easily add dynamic Nounish DAO components to their website.

Why a component library?

It gives DAO founders the elements they need on a website without locking them into a specific tool or platform. In addition to visual site builders this will support developers with a JS package that makes it fast and easy to pull in on-and-off-chain data from a DAO.

As veteran designers and engineers ourselves, we know how complex website builders can be. Products like Squarespace and Webflow have large teams of designers and engineers working to create customizable websites. There’s no need to reinvent the wheel here. Instead, let’s make it easy to add the components of a DAO website to any website you’d like.

Benefits

• Tailored to the specific needs of Nounish DAOs built on the Nouns Protocol.
• Pre-written code that can be embedded into existing website builders like SquareSpace, Webflow, and Wordpress.
• Or, developers can use the components as a base for building their own custom websites.

How it works

1 - JS Package

NPM package allows devs to import components with light theming.

2 - Embed code in visual site builders

Use our UI to enter your DAO address and we’ll generate an embed code for you to paste into a site builder.

WORKING PROTOTYPE DEMO

Here's a demo of how easy it is to add an auction component via a visual site builder like Squarespace.

See the embedded component on the demo site here

Components included

• Auction
• DAO proposals list
• DAO proposal
• Collection list
• Members list
• Individual NFT w/ details
• Prop house rounds
• Prop house props
• Treasury

Team ⌐◨-◨

ripe— Nounish builder, designer, and developer with over 15 years of experience creating digital products & websites. Winner of multiple prop house rounds. A few of my Nounish contributions include:

• Nouns Explorer: a visual exploration of the full Nouns collection on nouns.wtf.
• Nounish CV: a prototype of Nounish builder profiles (winner of prop house round)
• ⌐◧-◧.app: MacOS toolbar app to quickly copy unicode noggles to your clipboard
• nogs.wtf: a Nounish identity system
• Rainbow Zorb Noggles: a Nounish derivative of Rainbow Zorbs

badublanc — Nouncillor, Prop House winner, and the nounish builder behind CLOUDNOUNS. In previous lives, I worked in strategy in fintech, led business intelligence in private equity, and built internal tooling at startups.

Feel free to ping me on Twitter or Discord to answer any questions.

• discord: badublanc.eth#6417
• twitter: @badublanc