Invitte
A high-fidelity, template-driven digital invitation and event management platform built for luxury weddings and high-society galas.
About The Project
We designed Invitte as a pay-per-event SaaS platform, serving as the digital equivalent of a premium, foil-stamped paper invitation. Instead of rigid, static event pages, we built a highly interactive storefront using Framer Motion spring-physics and React 19. It handles the entire lifecycle of a luxury event, from sending motion-driven invitations, to managing RSVPs and tracking digital gift registries.
Projects Challenge
The primary challenge was balancing scalability with extreme customization. High-end clients demand completely unique designs that standard drag-and-drop builders cannot accommodate. However, building a custom Next.js application from scratch for every single wedding or corporate gala is incredibly unscalable. We needed an architecture that offered the speed of a template builder but the limitless flexibility of writing custom code.
Key Features
Event Studio delivers a bold, borderless editorial design system that emphasizes large-format imagery, clean typography, and high-end micro-interactions.
Cinematic Template Previews: We moved template previews from static images to velocity-based scrolling interactions, providing tactile control on desktop and smooth auto-play tours on mobile devices.
Automated Promotional Video Generation: We built a pipeline using Hyperframes to automatically generate 20-second product showcases. The engine maps real-time RSVP data into beat-synced promotional videos.
Real-Time Registry & RSVP Management: A centralized dashboard for event organizers to handle guest RSVPs, seat mapping, and track gift registries in real-time.
Engineering Architecture
To achieve limitless design flexibility without rebuilding the server, we built a completely custom file-based, schema-agnostic template engine.
Layer 2 Ejection Architecture:
We built an 'ejectable' sandbox workflow. Developers can export an event into a .zip bundle containing the raw React .tsx files, edit the components locally with full VS Code IntelliSense, drop in new media assets, and re-upload the bundle to completely override the default template.
In-Memory TSX Compilation:
To serve these custom overrides, the Hono backend uses esbuild to compile raw React TSX files into browser-native ES Modules directly in-memory within 15ms. This allows custom React code to be securely injected and rendered dynamically in production, without triggering a CI/CD build or restarting the server.
View other projects
Explore more of our recent work and discover how we help ambitious brands transform their digital presence.
