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>;
  }