Search

All of the designs on this page can be found in the Reference Designs Figma File. Feel free to make a copy and use however you wish. This resource is open source without any limitations.

Basic Search - Default Desktop View

On mobile, we would just shrink the width.

Simple Search

Basic search for hashtags and usernames. Entering text will return results for notes containing that word. An advanced version of the simple search could return Topics.

Simple search variation with close button

Returned Results wth Filtering In-Content

In this example, a person has searched for "fi". We can present results from a variety of categories such as Profiles, Notes & Replies, Hashtags etc...

Combined Search

Combined search can be used to retrieve multiple types of results and enable in-search filtering. Below are some examples of how in-search filtering could look if implemented:

Hashtags

Hashtags and other filtering criteria could be implemented as tabs within the search results. We added the number of notes under each hashtag to indicate the level of activity.

Moderated Communities

Below is a sample of how moderated communities (NIP-72) could be surfaced in search.

Apps

Some clients implement an apps tab to surface other nostr apps.

DVM Models

A search result for a (D)ata (V)ending (M)achine model could open up natively within the client if it supports it, or open up an external preferred client(s). For external use, we'd probably want to indicate that this is taking users outside the existing app (perhaps with an external link icon, not pictured below).