Fidgets

Fidgets are applets which can be installed into a Space.

Users can pick from a library of configurable Fidgets to customize and add functionality to the Spaces on their Profile and Homebase. We’ll start by developing a handful of fidgets that can be configured to support a wide variety of Web3 protocols and communities. Once the concept has been validated, we’ll create a framework enabling anyone to develop their own open source Fidgets.

Development Quick Start

While Nounspace is in Alpha, Fidgets can be contributed in the form of React components with the above specifications. Just make a PR to the Github and we'll review it and add it to the Fidgets library!

Example Fidget - [ /src/fidgets/example.tsx ]

Fidget Testing If you want to test out a fidget you've developed, the easiest way to get it to display is through the Homebase page - [ /src/pages/homebase/index.tsx ]

• The fidgets constant defines a list of all available fidgets

  • Add another fidget in this list (take note of the 'id' field for the next step)

• The defaultLayoutData constant defines a list of which fidgets will be displayed

  • Add another fidget in this list (mapping the the 'i' field to the 'id' of your fidget)

Fidget Configuration

Fields Fields let developers define their own set of user editable variables for the fidget.

Size Fidgets need a set of established sizes to fit onto the default grid layout.

  size: {
    minHeight: NumericRange<1,36>;
    maxHeight: NumericRange<1,36>;
    minWidth: NumericRange<1,36>;
    maxWidth: NumericRange<1,36>;
  }

Settings Fidgets need a set of established sizes to fit onto the default grid layout.

Planned Fidgets

Music

Play on your profile or homebase.

Nounish Auctions

View/display auctions for Nouns or Nouns Forks on your profile or homebase, and enable users to place bids and settle auctions.

Nounish Governance

View/display proposal and candidate details for Nouns or Nouns Forks on your profile or homebase.

⚡ SnapShot Governance

View/display proposal and candidate details for any SnapShot governance space on your profile or homebase.

⚖️ Balance

View/display an address/treasury balance on your profile or homebase.

Frame

View/display frames on your profile or homebase.

Gallery

View/display Images and NFTs on your profile or homebase.

Profile/channel feed

View/display profiles/channels on your profile or homebase.

Tip Allowance

View/display your current Degen, Drakula, or [other tippable token] on your profile or homebase

IPFS Frontend

View/display content [including entire frontends] hosted on IPFS on your profile or homebase.

iFrame

View/display entire websites or apps on your profile or homebase.

ℹ️ RSS Feed

View/display RSS Feeds from other sites on my profile or homebase.

Token Swap

Display a swap modal on your profile or homebase enabling your and your followers to trade.

Podcasts

Embed a podcast feed and player on your profile or homebase.