···

       
1
       
1
       
 
       
# Social Meshes

     

       
2
       
2
       
 
       


     

       
3
       
3
       
-
       
A comprehensive directory and discovery platform for decentralized social networking projects, clients, and tools across multiple protocols including AT Protocol, ActivityPub, and Nostr. It provides an interface for browsing, searching, and filtering across the three major federated/decentralized networks.

     

       
3
       
3
       
+
       
A comprehensive directory and discovery platform for decentralized social networking projects, clients, and tools across multiple protocols including AT Protocol and ActivityPub. It provides an interface for browsing, searching, and filtering across the two major federated/decentralized networks.

     

       
4
       
4
       
 
       


     

       
5
       
5
       
 
       
Most of this code is written by Claude. If you see anywhere you wish to contribute feel free to open a PR! If you see any project data that needs to be changed or you are a project owner and wish for a description / owner to be changed feel free to submit PR's!

     

       
6
       
6
       
 
       


     

···

       
310
       
310
       
 
       
      { "kind": "spec", "url": "https://www.w3.org/TR/activitypub" }

     

       
311
       
311
       
 
       
    ],

     

       
312
       
312
       
 
       
    "updatedAt": "2024-01-20"

     

       
313
       
313
       
-
       
  },

     

       
314
       
314
       
-
       
  {

     

       
315
       
315
       
-
       
    "id": "nostr-protocol",

     

       
316
       
316
       
-
       
    "name": "Nostr Protocol", 

     

       
317
       
317
       
-
       
    "network": "nostr",

     

       
318
       
318
       
-
       
    "owner": "nostr-protocol",

     

       
319
       
319
       
-
       
    "domain": "nostr.com",

     

       
320
       
320
       
-
       
    "logoUrl": "/logos/nostr-protocol.svg",

     

       
321
       
321
       
-
       
    "description": "A simple, open protocol that enables global, decentralized, and censorship-resistant social media.",

     

       
322
       
322
       
-
       
    "type": "Protocol", 

     

       
323
       
323
       
-
       
    "tags": ["protocol", "spec", "nips"],

     

       
324
       
324
       
-
       
    "links": [

     

       
325
       
325
       
-
       
      { "kind": "homepage", "url": "https://nostr.com" },

     

       
326
       
326
       
-
       
      { "kind": "repo", "url": "https://github.com/nostr-protocol/nostr" },

     

       
327
       
327
       
-
       
      { "kind": "docs", "url": "https://github.com/nostr-protocol/nips" }

     

       
328
       
328
       
-
       
    ],

     

       
329
       
329
       
-
       
    "stars": 2400,

     

       
330
       
330
       
-
       
    "updatedAt": "2024-12-16"

     

       
331
       
331
       
-
       
  },

     

       
332
       
332
       
-
       
  {

     

       
333
       
333
       
-
       
    "id": "damus",

     

       
334
       
334
       
-
       
    "name": "Damus",

     

       
335
       
335
       
-
       
    "network": "nostr", 

     

       
336
       
336
       
-
       
    "owner": "damus-io",

     

       
337
       
337
       
-
       
    "domain": "damus.io",

     

       
338
       
338
       
-
       
    "description": "The social network you control. A twitter-like nostr client for iPhone and MacOS.",

     

       
339
       
339
       
-
       
    "type": "Social Network",

     

       
340
       
340
       
-
       
    "tags": ["client", "ios", "mobile"],

     

       
341
       
341
       
-
       
    "languages": ["Swift"],

     

       
342
       
342
       
-
       
    "links": [

     

       
343
       
343
       
-
       
      { "kind": "homepage", "url": "https://damus.io" },

     

       
344
       
344
       
-
       
      { "kind": "repo", "url": "https://github.com/damus-io/damus" }

     

       
345
       
345
       
-
       
    ],

     

       
346
       
346
       
-
       
    "stars": 1950,

     

       
347
       
347
       
-
       
    "updatedAt": "2024-12-15"

     

       
348
       
348
       
-
       
  },

     

       
349
       
349
       
-
       
  {

     

       
350
       
350
       
-
       
    "id": "amethyst",

     

       
351
       
351
       
-
       
    "name": "Amethyst",

     

       
352
       
352
       
-
       
    "network": "nostr",

     

       
353
       
353
       
-
       
    "owner": "vitorpamplona",

     

       
354
       
354
       
-
       
    "description": "Nostr client for Android with a focus on note, chat, and picture content.",

     

       
355
       
355
       
-
       
    "type": "Social Network",

     

       
356
       
356
       
-
       
    "tags": ["client", "android", "mobile"],

     

       
357
       
357
       
-
       
    "languages": ["Kotlin"],

     

       
358
       
358
       
-
       
    "links": [

     

       
359
       
359
       
-
       
      { "kind": "repo", "url": "https://github.com/vitorpamplona/amethyst" }

     

       
360
       
360
       
-
       
    ],

     

       
361
       
361
       
-
       
    "stars": 990,

     

       
362
       
362
       
-
       
    "updatedAt": "2024-12-14"

     

       
363
       
363
       
-
       
  },

     

       
364
       
364
       
-
       
  {

     

       
365
       
365
       
-
       
    "id": "nostrgram",

     

       
366
       
366
       
-
       
    "name": "Nostrgram",

     

       
367
       
367
       
-
       
    "network": "nostr",

     

       
368
       
368
       
-
       
    "owner": "nostrgram",

     

       
369
       
369
       
-
       
    "description": "Instagram-like interface for nostr, focused on photo and media sharing.",

     

       
370
       
370
       
-
       
    "type": "Social Network",

     

       
371
       
371
       
-
       
    "tags": ["client", "photos", "web"],

     

       
372
       
372
       
-
       
    "languages": ["JavaScript", "React"],

     

       
373
       
373
       
-
       
    "links": [

     

       
374
       
374
       
-
       
      { "kind": "homepage", "url": "https://nostrgram.co" },

     

       
375
       
375
       
-
       
      { "kind": "repo", "url": "https://github.com/nostrgram/nostrgram" }

     

       
376
       
376
       
-
       
    ],

     

       
377
       
377
       
-
       
    "stars": 210,

     

       
378
       
378
       
-
       
    "updatedAt": "2024-12-10"

     

       
379
       
313
       
 
       
  }

     

       
380
       
314
       
 
       
]
     

···

       
1
       
1
       
-
       
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">

     

       
2
       
2
       
-
       
  <rect width="100" height="100" fill="#8b5cf6" rx="20"/>

     

       
3
       
3
       
-
       
  <text x="50" y="65" font-family="Arial, sans-serif" font-size="35" font-weight="bold" text-anchor="middle" fill="white">NP</text>

     

       
4
       
4
       
-
       
</svg>
     

···

       
1
       
1
       
-
       
404: Not Found
     

···

       
75
       
75
       
 
       


     

       
76
       
76
       
 
       
  const networkColors = {

     

       
77
       
77
       
 
       
    atproto: 'bg-blue-900 text-blue-200',

     

       
78
       
78
       
-
       
    activitypub: 'bg-purple-900 text-purple-200',

     

       
79
       
79
       
-
       
    nostr: 'bg-orange-900 text-orange-200'

     

       
78
       
78
       
+
       
    activitypub: 'bg-purple-900 text-purple-200'

     

       
80
       
79
       
 
       
  };

     

       
81
       
80
       
 
       


     

       
82
       
81
       
 
       
  return (

     

···

       
8
       
8
       
 
       
export default function TopBar({ selectedNetwork, onNetworkChange }: TopBarProps) {

     

       
9
       
9
       
 
       
  const networks: { value: Network; label: string }[] = [

     

       
10
       
10
       
 
       
    { value: 'atproto', label: 'ATProto' },

     

       
11
       
11
       
-
       
    { value: 'activitypub', label: 'ActivityPub' },

     

       
12
       
12
       
-
       
    { value: 'nostr', label: 'Nostr' }

     

       
11
       
11
       
+
       
    { value: 'activitypub', label: 'ActivityPub' }

     

       
13
       
12
       
 
       
  ];

     

       
14
       
13
       
 
       


     

       
15
       
14
       
 
       
  return (

     

···

       
1
       
1
       
-
       
export type Network = "atproto" | "activitypub" | "nostr";

     

       
1
       
1
       
+
       
export type Network = "atproto" | "activitypub";

     

       
2
       
2
       
 
       


     

       
3
       
3
       
 
       
export type ProjectLink = {

     

       
4
       
4
       
 
       
  kind: "homepage" | "repo" | "docs" | "demo" | "spec" | "social";

     

···

       
54
       
54
       
 
       
export function getTagsByNetwork(projects: Project[]): Record<Network, string[]> {

     

       
55
       
55
       
 
       
  const tagsByNetwork: Record<Network, string[]> = {

     

       
56
       
56
       
 
       
    atproto: [],

     

       
57
       
57
       
-
       
    activitypub: [],

     

       
58
       
58
       
-
       
    nostr: []

     

       
57
       
57
       
+
       
    activitypub: []

     

       
59
       
58
       
 
       
  };

     

       
60
       
59
       
 
       


     

       
61
       
60
       
 
       
  // Collect all unique tags for each network