Stack · Displace OS

Our tech stack

• @google/model-viewer (Features): It is the only web-native 3D viewer that is production-ready, supports GLB/GLTF, renders at 60fps on mobile, and does not pull in a heavy Three.js bundle. Perfect fit for e-commerce product viewers.
• Anthropic API (Features): Claude handles structured JSON output reliably, has a long context window for document analysis, and the SDK is type-safe out of the box. It is the most dependable choice for production AI features that must return predictable schemas.
• Claude Code (Features): Claude Code works with long context windows without choking, handles multi-file edits reliably, and integrates into git workflows naturally. It is the most reliable AI coding agent we have used in production.
• Cloudflare (Hosting & Infrastructure): Sub-50ms edge response times globally, free SSL, DDoS protection, and best-in-class DNS make it the obvious choice for the edge.
• Cursor (Features): Cursor plus our boundary-prompt pattern is the closest thing to a real self-service platform we have seen. Non-technical people can ship meaningful content updates in plain English; the AI enforces brand and system constraints.
• Figma (Features): Nothing else comes close for collaborative design work. Auto-layout maps cleanly to Flexbox/CSS Grid, design tokens export to Tailwind config, and the Dev Mode MCP lets us read specs programmatically during implementation.
• Framer Motion (Animation): Declarative animations that stay in sync with React state, with gestures, layout transitions, and variants built in.
• GA4 (Analytics): Event-based model scales from simple pageviews to full funnels. Free tier is generous, Looker Studio integration is native, and clients already trust the brand.
• Google Tag Manager (Analytics): Keeps tracking decoupled from the codebase so clients can iterate on analytics without touching the source. Mandatory in every project.
• GSAP (Animation): Unmatched performance for complex timelines, pixel-perfect cross-browser behavior, and the only animation library that scales from micro-interactions to full scroll experiences.
• GSAP ScrollTrigger (Animation): The only scroll animation tool that handles every edge case correctly without performance regressions.
• Inline CMS (Features): We built it because no third-party CMS we evaluated gave us both the constraint-first safety of a design system AND the zero-learning-curve experience of double-click-to-edit. Clients adopt it in under five minutes; we never get support tickets.
• Klaviyo (Forms & CRM): It is the most mature e-commerce email platform that integrates cleanly with Shopify , including headless Shopify , without forcing you into their storefront.
• Lottie (Animation): Vector-based animations that stay sharp at any resolution and run smoother than any GIF or video equivalent.
• Mailchimp (Forms & CRM): Simple enough for any client to operate, cheap enough for early-stage brands, and reliable enough to trust with a growing list.
• MapLibre (Features): Open source JavaScript library for rendering interactive vector maps in the browser.
• Multi-language (Features): Reaching non-English audiences requires more than Google Translate. Proper i18n is table stakes for any brand serving multiple markets.
• Next.js (Frameworks): Server components, file-based routing, image optimization, and seamless Vercel deployment make it the fastest path from idea to production for custom platforms.
• PostgreSQL (Hosting & Infrastructure): Postgres is the most capable open-source database available, with thirty years of production hardening. Anything we build on Supabase is Postgres underneath and we rely on its full feature set.
• React (Frameworks): Component-driven thinking, massive ecosystem, and server components make it the only sensible default for interactive UI in 2026.
• Resend (Forms & CRM): The API is a single `.emails.send()` call. The webhooks are clean. And the free tier covers most of our client inquiry volumes without upgrading. It replaces SendGrid across every Displace project.
• Shopify Storefront API (Commerce): Lets us build brand-specific storefronts with full design control while keeping Shopify as the reliable commerce backend for products, checkout, and orders.
• Supabase (Hosting & Infrastructure): Postgres is a superpower. Supabase gives us Postgres plus the boring infrastructure , auth, storage, realtime, edge functions, and a management API , as one integrated service. Every time we have reached for something simpler we have regretted it.
• Tailwind CSS (Styling): Utility-first approach eliminates CSS bloat and naming overhead. Theme tokens make design systems consistent across projects.
• TypeScript (Languages): Catches entire categories of bugs before runtime, makes refactors safe, and gives us confidence when APIs change.
• Vercel (Hosting & Infrastructure): Zero-config deploys, instant rollbacks, and preview URLs per branch make it the default for any Next.js project.
• Webflow (Frameworks): Lets clients edit their own content with a visual CMS while still shipping fast, semantic markup. Ideal fit for brand and marketing sites that do not need custom backend logic.