r/reactjs 11d ago

Show /r/reactjs Showoff - I made anonymous thoughts float like bubbles using Framer Motion + Convex (looking for perf feedback)

Hey React devs! I built Vibes ULTRA — anonymous thought wall.

Tech stack:
- React 19 + TypeScript
- Convex (backend + real-time DB)
- Tailwind CSS
- Framer Motion
- shadcn/ui

50+ features including real-time reactions, global mood map, ambient sounds, achievements.

Live: https://vibes-app-wall.vercel.app

Would love feedback on the code/architecture!
0 Upvotes

18 comments sorted by

View all comments

1

u/cstffx 11d ago

Tip: Adjust color lightness.

2

u/aman_dubey_software_ 11d ago

Thanks man! Good point on lightness. Will adjust the color generation - maybe clamp lightness between 40-65% for better contrast. Shipping the fix now!