# darkroom.engineering

> Darkroom is a development studio. We build fast, accessible, and visually rich websites for ambitious teams — from creative agencies and SaaS founders to ecommerce brands. Recent work includes ibi.cash, badomensofficial.com, and looped.poly.ai.

## About

- [About](https://darkroom.engineering/about): The studio, the team, and how we work
- [Work](https://darkroom.engineering/work): Selected projects and case studies
- [Contact](https://darkroom.engineering/contact): Start a project with us

## Engineering writing

- [Why Is Vercel Our Go-To Platform For Hosting Projects?](https://darkroom.engineering/read/why-vercel): Hosting — Vercel
- [Why Is Next.js Still The Goat Framework In 2025 (And Beyond)?](https://darkroom.engineering/read/why-nextjs): Framework — Next.js
- [Why Does Shopify's Storefront Api Just Make Sense?](https://darkroom.engineering/read/why-shopify-storefront-api): Ecommerce — Shopify
- [Picking A Cms: Why Storyblok](https://darkroom.engineering/read/picking-a-cms): CMS — Storyblok
- [Tiny Red Book](https://darkroom.engineering/read/tiny-red-book): Book — Reading

## Case studies

- [looped](https://darkroom.engineering/work/looped): Looped: A Customer Service Nightmare. An interactive AI-powered escape room experience where you're trapped in an endless loop of automated support. Can you escape, or will you be stuck forever?
- [prosupps](https://darkroom.engineering/work/prosupps): For those who won't settle or back down, we got your back.
We make premium workout supplements to make your journey more enjoyable and help you achieve your goals.
- [badomens](https://darkroom.engineering/work/badomens): Official website and e-commerce platform for Bad Omens, the American rock band. A dark, immersive digital experience featuring their music, merchandise, and tour dates.

## Selected external work

- [tambo](https://tambo.co): Tambo is an open-source React toolkit for building AI agents that speak your UI. Connect your existing components and Tambo handles streaming, state management, and MCP.
- [growthloop](https://www.growthloop.com): GrowthLoop is a Composable CDP that unifies all your customer data, enabling marketers to build audiences and orchestrate journeys without engineering support.
- [viture-luma](https://luma.viture.com): VITURE Luma - Next generation XR glasses. Making the parallel possible.
- [lore](https://www.loreobsessed.com): Being a fan used to be fun. We are going to fix it. Lore takes all the lore you seek from your favorite stories and puts it in one organized, intuitive space.
- [house-of-evil](https://www.houseofevil.xyz): House of Evil - A web3 experience pushing the boundaries of digital art and collectibles.
- [ae](https://www.æ.com): A mobile-first web3 experience built with React Native, blockchain technology, and Unity for immersive interactions.
- [revelo-framer](https://revelo.darkroom.engineering): Revelo is more than a component - it's a motion engine for type. A marketplace plugin we created for Framer.
- [ibicash](https://ibi.cash): Ibicash - The Forest Powered Economy. A web3 platform connecting sustainable forestry with blockchain technology.
- [cora](https://cora.computer): Give Cora your inbox. Take back your life. Your AI chief of staff that screens your inbox, drafts responses in your voice, and briefs the rest 2x daily.
- [ecotrak](https://ecotrak.com): Ecotrak is the leading facility and asset management platform, helping multi-location businesses streamline operations, reduce costs, and extend asset life through intelligent automation.
- [Viture neckband](https://neckband.viture.com/): VITURE Neckband - The ultimate streaming companion for XR glasses. Stream games, movies, and more wirelessly with this portable computing powerhouse.
- [Viture pro](https://pro.viture.com/): VITURE Pro XR glasses - Premium extended reality eyewear for professionals and enthusiasts.
- [First Round PMF](https://first-round-pmf.darkroom.engineering/): Product-Market Fit (PMF) Survey by First Round Capital. An interactive research tool helping founders understand and measure their product-market fit through data-driven insights.

## Stack and capabilities

Darkroom ships production sites built on a modern web stack:

- **Framework**: Next.js 16 (App Router, Server Components, Cache Components)
- **Runtime**: React 19 with the React Compiler
- **Styling**: Tailwind CSS v4 (CSS-first config) and CSS Modules
- **3D / WebGL**: Three.js, React Three Fiber, Drei
- **Animation**: GSAP (with the @gsap/react useGSAP hook), Theatre.js
- **Smooth scroll**: Lenis with Tempus RAF scheduling
- **CMS**: Sanity (with live preview and tag-based revalidation)
- **Headless commerce**: Shopify Storefront API
- **Forms**: HubSpot (with React 19 Server Actions, useActionState, useFormStatus)
- **Validation**: Zod v4
- **State**: Zustand v5
- **Headless UI primitives**: @base-ui/react
- **Hosting**: Vercel (Fluid Compute, Edge Network, Analytics, BotID)
- **Tooling**: Bun, Biome, TypeScript 6, Lefthook

## Optional

- [Home](https://darkroom.engineering): Studio landing page
- [Reading list](https://darkroom.engineering/read): Index of engineering writing
- [Sitemap](https://darkroom.engineering/sitemap.xml): Machine-readable site index
- [Robots](https://darkroom.engineering/robots.txt): Crawl rules