The Nabe - Component Catalog

Faithful recreation of current component state · design-unification branch

PROFILE src/components/profile/ — 14 components
ProfileContainer — Gradient Hero profile/ProfileContainer.tsx
MC
Marco Caputo
📍 Williamsburg · 5y
Italian Food Local History Coffee Spots
24
Posts
87
Comments
12
Saved
42
Connector
42 / 100 pts
Next: Guardian 🛡️
NewcomerActiveConnectorGuardianLegend
Open to meeting people

Show a badge on your profile

BadgesGrid — Horizontal Scroll Pills profile/BadgesGrid.tsx

Badges

4/6 earned
🏆 Top Contributor ✨ Trusted Reviewer 🤝 Connector 📍 Local Expert 🛡️ Guardian ⭐ Legend
MyActivity — Tabbed Posts/Events/Recs profile/MyActivity.tsx

My Activity

Posts
Events
Recs

Best coffee spots in Williamsburg

2 hours ago

♡ 14💬 3

Has anyone tried the new pizza place?

Yesterday

♡ 8💬 5
See all posts ›
PlacesHistory — Places & Photos tabs profile/PlacesHistory.tsx

Places & Photos

Places
Photos

Devocion Coffee

Williamsburg

📷 2

McCarren Park

Williamsburg

BlockScoreCard — Community Score profile/BlockScoreCard.tsx

Community Score

Connector

42 / 100
📅
Events organized5
👥
Events attended18
🤝
Neighbors helped8

Score reflects quality contributions, not post volume

ReputationStats — 3 Stat Row profile/ReputationStats.tsx
✓23
confirmed
recs
📅5
events
organized
🤝8
neighbors
helped
NabeCards — Spotify Wrapped-style Thumbnails profile/NabeCards.tsx
✨

Your Nabe Cards

Shareable summaries

nabe Building Score Card

42/100

Quieter than 78% of Williamsburg

nabe Neighborhood Highlights

42 events

3 new businesses opened nearby

nabe My Year on Nabe

23 recs

5 events organized

CALENDAR src/components/calendar/ — 6 components
CalendarDrawer — Gradient Hero + Tabs calendar/CalendarDrawer.tsx

📅 What's Happening

Williamsburg · March 2026

✕
Neighborhood My Events
List
Calendar
CalendarFilterChips — Active/Inactive calendar/CalendarFilterChips.tsx
Social Fitness Food Arts Community
RSVPButton — Active + Inactive States calendar/RSVPButton.tsx
👋 Going

Inactive

✓ Going ✓

Active

EventEditorialFeed — Hero + Compact Rows calendar/EventEditorialFeed.tsx

Today

3 events
🎵

7:00 PM · Brooklyn Bowl

Jazz Night at Brooklyn Bowl

Williamsburg Music Society

Social 24 going
RSVP
8
PM
Trivia at Pete's
Pete's Candy Store · 14 going
Going
MonthGrid — Calendar Grid calendar/MonthGrid.tsx
‹ March 2026 ›
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
NOTIFICATIONS src/components/notifications/ — 3 components
NotificationDrawer — Hero + Summary + Items notifications/NotificationDrawer.tsx

🔔 Notifications

3 unread

✕
3
Events
2
Social
1
Alerts
Mark all read
New
📅

Jazz Night starts in 2 hours - you RSVP'd!

Today 4:30 PM

💬

Sarah replied to your post about coffee

Today 2:15 PM

TonightHeroCard — Dark Hero notifications/TonightHeroCard.tsx
Tonight in Williamsburg
🎵

Jazz at Brooklyn Bowl — 7pm, $10

🍕

Pizza Pop-up — Devocion, 6-9pm

MESSAGING src/components/messaging/ — 19 components
InboxDrawer — Hero + Toggle messaging/InboxDrawer.tsx

💬 Messages

✕
Professional 2 Personal
🔍
ConversationList — Date Groups messaging/ConversationList.tsx
Today
SK
Sarah Kim Today 3:42 PM

Hey! Are you going to the event tonight?

JR
Jake R. Yesterday

You: Sounds great, see you there!

ProfessionalInboxSection — Engagement Badge messaging/ProfessionalInboxSection.tsx
EC
Emma Chen Searching Today

I found a great 2BR on N 6th...

MessageBubble — Sent (gradient) + Received (warm) messaging/MessageBubble.tsx
EC

Hey! I found some great listings for you in Williamsburg. Want to take a look?

3:42 PM

Yes! I'd love to see what you found. Send them over!

3:45 PM ✓✓

Especially anything near McCarren Park

3:45 PM
EC
IntroRequestCard — Agent Hiring Flow messaging/IntroRequestCard.tsx
👤+
New Intro Request
JS

James Sullivan

Wants to meet via video call

Buying $3,000-4,000 Williamsburg

"92% match · Sent 2h ago"

✓ Accept
✕ Decline
NeighborIntroCard — Personal Tab messaging/NeighborIntroCard.tsx
👤+
New Neighbor
PS

Priya Sharma

Just moved to 180 Berry St

Moved this week Running Book clubs Coffee
✓ Say Hi
✕ Maybe Later
EmailMessageCard — Collapsed + Expanded messaging/EmailMessageCard.tsx
✉ Emma → Marco Re: 2BR on N 6th St... 2:30 PM ▾

^ Collapsed state

From: emma.chen@nabe.com

To: marco.caputo@nabe.com

Re: 2BR on N 6th St — Showing Confirmed

Hi Marco,

Great news! I've confirmed your showing for Saturday at 11am. The apartment has been freshly renovated and the owner is motivated.

Let me know if the time works.

Emma Chen | Compass | emma.chen@nabe.com

📎 Floor_Plan_N6th.pdf 2.1 MB

^ Expanded state

StructuredMessageCard — 4 Types messaging/StructuredMessageCard.tsx

Property Preview

🏠

245 N 6th St, Unit 4B

$3,200/mo

View Listing →

Showing Schedule

Showing Schedule

Sat Mar 14 at 11:00 AM

245 N 6th St

Sun Mar 15 at 2:00 PM

180 Berry St

(Booked)

Document Preview

📄

Lease Agreement Draft

Standard NY lease, 12-month term

View Document →

Milestone Update

✓

Application Complete

Your application has been submitted and is being reviewed.

March 12, 2026

MessageInput + QuickActionButtons messaging/MessageInput.tsx + QuickActionButtons.tsx
🏠 Share Listing 📅 Schedule Showing 📤 Send Update
+
Type a message...
➤
EngagementStatusBadge — All Stages messaging/EngagementStatusBadge.tsx
Searching Tours Showings Offer Application Accepted Lease Closing
BRIEFING src/components/feed/MorningBriefingDrawer.tsx
MorningBriefingDrawer — Full Drawer feed/MorningBriefingDrawer.tsx

☀️ Morning Briefing

Since 6am · Williamsburg

✕
23 posts
·
4 events
·
2 new neighbors
🎵 Tonight's Events 3
7pm
Jazz Night at Brooklyn Bowl
24 going
›
8pm
Trivia at Pete's
14 going
›
✨ Ask Nabe AI for details →
ONBOARDING src/components/onboarding/ — 5 components
SwipeScreens — Slide 1 (Welcome) onboarding/SwipeScreens.tsx
🏠

Your neighborhood
has a social life

See what's happening, meet your neighbors, find the best spots — all in one place.

Skip intro
InterestGrid — Pick 3+ Interests onboarding/InterestGrid.tsx

What interests you?

Pick at least 3 — we'll personalize your feed

🍴 Food 📅 Events 💪 Fitness 🐕 Pets 🌙 Nightlife 🎨 Arts 🎵 Music
3 selected — nice!
WelcomeLanding — Post-onboarding onboarding/WelcomeLanding.tsx
THE Nabe
Williamsburg

Welcome to Williamsburg

Welcome home.

Here's what's happening in your neighborhood right now.

12
In your
building
42
Events
this week
8
Groups
for you
LAYOUT src/components/layout/ — AppShell header + TabBar
AppShell — Header Bar layout/AppShell.tsx (lines 348-420)
THE Nabe
🔔 3
💬 2
Wburg ▾
TabBar — 5 Bottom Tabs layout/TabBar.tsx
🏠 Home
🧭 Explore
+
📚 Vault
👤 Me
VAULT src/components/vault/ — 13 components
VaultHero — Search Hero vault/VaultHero.tsx

📚 The Vault

Neighborhood knowledge, crowdsourced by residents

🔍
VaultStats — Overlapping Summary Card vault/VaultStats.tsx
24
Guides
156
Threads
1.2k
Contributors
FeaturedGuideCard vault/FeaturedGuideCard.tsx
⭐ Featured Guide

Best Pizza in Williamsburg — Definitive Guide

A ranked list of every pizza spot in Williamsburg, from Neapolitan to Sicilian, reviewed by 47 locals.

92% confidence 2,847 views
Read Guide →
ThreadCard — Normal + Compact vault/ThreadCard.tsx
SM
Sarah M. 2 days ago
Pizza

What happened to L&B Spumoni?

I walked by and it was closed. Does anyone know if they're just renovating or if they actually shut down?

▲ 12 💬 5 🔖 3

^ Normal variant

Jake K. Broker 5h ago

Tips for first-time renters?

Looking for advice on what to check before signing a lease in Williamsburg.

MC
Marco C.

Check the building's 311 complaints...

▲ 8 3 replies

^ Compact variant with reply peek

Component Catalog — The Nabe v1 · design-unification branch · Generated 2026-03-19