A modern mood-board with an infinite canvas for collecting and organizing design inspiration. Built for personal use. Fast loading, minimal interface, no onboarding, no tracking.
Next.js 16React 19TypeScriptSupabaseTanStack QueryTanStack VirtualZustandFramer MotionTailwind CSS 4shadcn/uireact-dropzone
key features
- Infinite Canvas: Pan, zoom, drag, and arrange assets with Framer Motion; viewport culling for smooth performance at scale
- Virtualized Board View: Windowed grid rendering via TanStack React Virtual for large asset collections
- Supabase SSR Auth: Email magic link + Google OAuth with middleware-based session refresh and route protection
- Drag-and-Drop Upload: Client-side thumbnail generation, progress tracking, abort support, and automatic dimension detection
- Multi-Select & Keyboard Shortcuts: Box selection, Delete, duplicate (Ctrl+D), rotate (R), zoom (+/-/0)
- Folder Management: Create, rename, delete folders with inline cards and context menus; debounced search
- Dark/Light Theme: System-aware with manual toggle via next-themes
- Media Preview: Full-screen lightbox with video controls and keyboard navigation