How We Work · Displace OS

How Displace works

Reachability: we reply within one business day, from Madrid and Miami. Cadence: client sites receive improvements weekly, backed by a weekly report with real numbers. Monitoring: client sites are checked every 5 minutes by our uptime monitor. Ownership: full source code, documentation and accounts transfer to the client upon full payment; no vendor lock-in. Privacy: lightweight, privacy-respecting analytics, no ad retargeting, no data resale, GDPR compliant. Performance: this site measures 99 on mobile Lighthouse and 100 on desktop Lighthouse, with zero layout shift, last measured 2026-06-13.

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.
• 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 patterns is the closest thing to a real self-service platform we have seen. Non-technical people ship meaningful content updates in plain English while brand and system constraints stay enforced.
• 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.
• 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.
• React Native (Mobile & iOS): When a product needs to ship on iOS and Android from one codebase, React Native lets us reuse the React patterns and the team we already have. We built the Driveway Paradise app this way.
• Expo (Mobile & iOS): Expo takes the pain out of React Native builds and updates. We get to TestFlight fast and push fixes over the air instead of waiting on a full review every time.
• Swift (Mobile & iOS): For apps that should feel completely native, we build in Swift. It is Apple's own language, fast and first class on iPhone.
• SwiftUI (Mobile & iOS): SwiftUI is how we build native iOS screens that match the platform exactly. The Todoweekend app is built on it.
• MapKit (Mobile & iOS): When an app lives on a map, MapKit gives us Apple's native maps with the performance and feel users expect on iPhone. It powers the Todoweekend app.