App Store · Displace OS

Shopify features

Shipped features from real client stores, presented one at a time. Each runs live today.

• Trade pricing tiers: The right price for the right buyer, automatically. A brand selling retail and to trade keeps two price lists by hand. Built for Forma Strata.
• Checkout attribution across domains: Every sale traced back to the click that caused it. A headless site on one domain and Shopify checkout on another loses the source of the sale. Built for Driveway Paradise.
• 3D product viewer: Rotate the real product before you buy. Office furniture bought online without seeing depth or proportions. Built for Movo.

Free tools

Use tools built by Displace for real work. Each GET button opens the public GitHub repo.

• ClaudeBar: Claude and Codex weekly limits, reset countdowns, and token usage in your Mac menu bar. Free and open source. (2 GitHub stars). ClaudeBar shows how much Claude Code you are using, right in the Mac menu bar. See today's tokens, the current five hour limit, and estimated API cost. It reads local session files, so nothing leaves your Mac. Use it to find heavy sessions and see where your weekly allowance goes. Open Overview for today, Sessions for each project, and History for weekly totals. Download the app from GitHub Releases and drag it to Applications. Or build it from source with Swift. Build story: ClaudeBar: Claude Code Usage in the Mac Menu Bar
• Copy Translate: Double-tap Cmd+C to translate any selected text on macOS via Claude. Select text anywhere on your Mac and press Command+C twice. The translation appears beside the original and is copied, ready to paste. It detects the language automatically. By default, it translates other languages into English and English into Spanish. You can change both languages. It uses your own Claude API key. Install Hammerspoon, clone the repo, and run the installer. Build story: Copy Translate: Translate Text with Double Cmd C
• Claude Statusline Enhanced: Enhanced statusline for Claude Code with real-time token usage, costs, cache efficiency, and session metrics. This status line shows the Claude model, session length, token use, cache rate, estimated cost, and remaining context at the bottom of your terminal. It also shows your Git branch and status. The display stays compact so it does not compete with your work. Install jq and bc, save the script, point Claude Code to it, and restart Claude Code. Build story: Three Open Source Tools We Built for Claude Code
• CPU Watchdog: Lightweight macOS monitor that catches runaway processes before your machine overheats. Shell script + launchd. No dependencies.. CPU Watchdog checks your Mac every 30 seconds. If an app keeps the CPU busy for two minutes, it sends a notification and keeps warning you until the problem stops. Common macOS system tasks are ignored. It uses standard Mac tools and keeps a plain log you can inspect. Copy the script and launchd file to your Mac, add your username, then load it with launchctl. Build story: Three Open Source Tools We Built for Claude Code
• FocusGuard: macOS website blocker that can't be bypassed by CleanMyMac. LaunchDaemon + menu bar app with escalating delays, daily budget, and immutable file protection.. FocusGuard blocks distracting websites and apps on your Mac. It runs in the background and is built to be hard to bypass. Start a focus session for 25, 50, or 90 minutes. It cannot be cancelled and it survives a restart. Unlocking early requires a written confirmation and a waiting period. Built for people who want a strict blocker, not another timer. Clone the GitHub repo, run the build script, then install it with sudo. Build story: FocusGuard: A Website Blocker That Is Hard to Bypass

Client systems

Try working examples of the Shopify and sales systems we build for clients. They use sample data and submit nothing.

• Headless Shopify: A custom storefront with Shopify behind it. Headless Shopify means a custom storefront with Shopify behind it. Your team keeps using Shopify for products, stock, orders, and checkout. We design and build the customer-facing site from scratch. In the demo, change a product on the Shopify side. The storefront updates at once. It uses sample data and submits nothing. Try it in the App Store.
• Product Configurator: Customers choose options. The price and quote update. Customers choose a product, material, size, finish, and quantity. The price, lead time, and quote update as they make each choice. The finished system can create a branded PDF, send the request to your sales team, and save every choice. This demo uses sample data and submits nothing. Try it in the App Store.
• Trade Portal: Public shopping and trade pricing in one store. Public customers see the normal store. Approved trade buyers see their prices, product documents, and saved projects. Both use the same catalog. We build this for brands that sell to interior designers, architects, and other professionals. The demo uses sample buyers and submits nothing. Try it in the App Store.

What changed

New website features, app updates, and journal posts. Every date is real.

• 2026-09-01: Displace app refocused on commerce. The default app now leads with Shopify stores for product brands, and shows five live stores and eight features already built on them. Movo and Parure London joined the portfolio.
• 2026-08-31: The homepage now covers the whole offer. The entrance used to speak only about commerce. It now leads with custom websites, commerce systems and web apps, with one proven project behind each.
• 2026-08-31: Displace becomes a real OS app. The homepage now opens a native Displace app inside the OS, with selected work, verified results, Brand, Build and Grow, the commerce offer, process, starting investment and a direct project path. Its Dock icon reopens it like any other app, and mobile uses the same full-screen app sheet as the rest of Displace OS.
• 2026-08-30: A clearer front door for commerce teams. The homepage now leads with the Shopify and trade systems we build, the brands they fit, measured client results, starting investment, and a direct route to discuss a store. The interactive Displace OS remains available as the deeper portfolio experience.
• 2026-08-22: Villa Tulua joins the portfolio. Finder now includes Villa Tulua, a multilingual website and direct enquiry channel for a private villa in Marbella. The project brings the brand, live availability, local guide, gallery, and booking request into one owned channel.
• 2026-07-16: The Journal now helps buyers decide. The Journal is now reserved for clear guides about choosing and owning a website. Older tool stories lead to their products in the App Store, and the new headless Shopify guide uses the Forma Strata storefront to explain when custom commerce is worth building.
• 2026-07-16: Clearer words across the site. Notes now explains who Displace is, what we do, what we do not do, how we work, and where projects start. Mail, About, the App Store, and every Finder project use the same direct language. The Offsite Agency is named as our design partner.
• 2026-06-30: Client demos you can actually follow. The App Store demos are rebuilt as guided walkthroughs. Open Headless Shopify, the made-to-order Configurator, or the Trade Portal and a short three-step tour points you through the real interactions, filter a live storefront, price a custom piece, change a price in Shopify and watch the site sync, with a link straight to the real client feature at the end. The interface also loads a little lighter.
• 2026-06-27: SearchVinyl joins the portfolio. Finder now includes SearchVinyl, a music discovery product built around crate digging, record pages, genres, decades, and a searchable catalog. Several project pages also gained lightweight motion covers on desktop, with mobile kept video-free.
• 2026-06-24: Little touches that make it feel like a real Mac. Select and copy any text now, including straight out of the Terminal, and the highlight glows in our orange. The Terminal also autocompletes: type the start of a command, or 'open' and a project name, then press Tab. Links in Notes and in Terminal output are real now, and an email opens Mail right here. In Finder you can move between projects with the left and right arrow keys and copy a link to any project, and in Mail one click copies our address.
• 2026-06-24: A sharper way of saying what we do. A clearer through line across the site: websites that move. We build ecommerce, web experiences, and platforms, and the work is grouped simply as Brand, Build, and Grow. Less jargon, fewer words, same idea.
• 2026-06-22: A cleaner desktop to start. Open the site and the desktop greets you tidy. The widgets now sit together down the left side, with the clock and calendar up top and nothing else in the way. No windows spring open on arrival, so the first thing you see is the desktop itself. Everything is still yours to drag and rearrange.
• 2026-06-22: The Assistant got faster, sharper, and more hands on. The Displace Assistant now replies as it thinks, word by word, instead of making you wait for the whole answer. It also sees what you are looking at: open a project, ask how it was built, and it knows which one you mean. It can drive more of the machine for you now, change the wallpaper, play a track by name, show this site's live performance scores, compare two projects side by side, open a project's photos, or give you a quick tour. Where your browser allows it you can talk to it by voice, and its dock icon is now a living orb.
• 2026-06-22: Rearrange the desktop. The desktop is yours to arrange. Drag the widgets anywhere across the whole desktop and they snap into place, and the Projects, Journal, and README icons now drag around too, remembering where you leave them. Drop an icon on the Trash to clear it, the Trash grows as you bring a file close, and you can put it back any time from inside the Trash or by right clicking the desktop. We also smoothed the dock so it no longer jitters under the cursor, and removed a hitch on the first scroll after the page loads.
• 2026-06-17: Try ClaudeBar without leaving the site. ClaudeBar, our macOS menu-bar meter for Claude Code usage, now runs right here. Click the bar-chart icon in the menu bar, top right, to open its live popover with sample data: today's tokens, the active 5 hour block, usage by model, the busiest projects, and the week's history. There is a Demo button next to Get on its App Store page too. Desktop only.
• 2026-06-17: Settings, sharpened. Wallpaper works now: open Appearance and pick the dynamic gradient that follows light and dark, or one of the fixed Displace looks, and the desktop remembers it. Right click the desktop for Edit Background. The tech stack moved out of Bluetooth into a clearer Extensions pane, now with a Mobile and iOS section for the apps we build. Privacy and Security is now a full read on how we handle your site and your data.
• 2026-06-16: The Assistant moved into the dock. The Displace Assistant is now a normal app. Launch it from the dock and it opens as a standard window in the middle of the screen, with the usual traffic lights, drag, and resize. On mobile it has its own home-screen icon and opens full screen, like every other app. After each answer it offers a few things to tap, so you can keep going without typing. We also stopped the page from zooming when you tap a field on mobile, here and on the contact form.
• 2026-06-16: Meet the Displace Assistant. Say what you want and the desktop responds. The Displace Assistant opens apps and projects, switches the theme, plays the music, and answers what we do and how we work. Tell it about a project and it will draft a proposal you can email or take to a call. It shows work as cards, remembers your conversation, and opens and closes from the menu bar.
• 2026-06-16: Widgets you can rearrange. Desktop widgets now move. Drag any widget and it snaps to the grid, and your layout sticks between visits.
• 2026-06-15: Desktop widgets fill the desk. New visitors now get the calmer desktop widget stack: studio clocks, portfolio, Calendar, Journal, Displace FM and Open Source. Right-clicking near the widget stack now opens Edit Widgets instead of the browser menu.
• 2026-06-13: Awwwards polish pass. Finder, Mail, About This Mac and portfolio copy got a final craft pass before submission. Swooda is hidden for now, TodoWeekend is framed as a 10 city product, and Singular Heritage now links to the full heritage network.
• 2026-06-13: Light mode by default. The OS now opens in light mode, with dark still a click away in Settings and your choice remembered. Fixed the Music app, which had been stuck dark regardless of the setting.
• 2026-06-13: Safari actually browses. Clicking a site in Safari now opens it inside the window with a real address bar and back button, instead of popping a new tab. Sites that allow embedding load live; the rest show a full screenshot with an Open live site button. The Displace Agency screenshots were also re-shot clean off the live site.
• 2026-06-12: Pixel pass. Journal illustrations now fill their frame edge to edge instead of floating in a letterboxed black card. Photos albums no longer repeat the first image, and the Displace Agency screenshots lost the capture bar that was riding along on top.
• 2026-06-12: Headless Shopify demo. Our most requested build is now playable: a mini Shopify admin wired to a custom storefront through the Storefront API. Edit the product, watch the site react. Every demo now also links to the live client pages and Finder projects where the pattern ships.
• 2026-06-12: The stack shows its work. Every device in Settings > Extensions now lists the portfolio projects it is paired with; click one and Finder opens on that project. Finder thumbnails widened to the full screenshot.
• 2026-06-12: Journal, tightened. Every article rewritten in the house voice: roughly half the words, none of the filler. New generated illustrations throughout, reading times now honest at 2 to 3 minutes.
• 2026-06-12: Desktop widgets. Real macOS style widgets on the desktop: Madrid and Miami clocks, the measured Lighthouse score, portfolio stats, the latest journal entry, now playing, live weather in both studios and more. Add, remove and resize them from Edit Widgets; the layout is saved per visitor.
• 2026-06-12: Photos rebuilt as a real library. The gallery grew into macOS Photos: an album per project, curated category folders, a zoomable grid, and a filmstrip viewer. Clicking any image in a Finder project now opens it in Photos.
• 2026-06-12: App Store v2 and playable demos. Real icons, store descriptions and screenshot carousels for all 7 apps. New Demos section: Product Configurator and Trade Portal run live in the window, with a Mail handoff when you want one for your own site.
• 2026-06-12: App Store Log. The Updates tab grew into this Log: site ships, app pushes and journal publishes in one feed. Every app's product page also carries its own log, read live from the repo's commits.
• 2026-06-12: System Settings rebuilt. Ten panes of real Ventura grammar mapping how we work: reachability, cadence, uptime, storage, ownership and privacy. Sound and Appearance actually work.
• 2026-06-11: Displace OS goes live. The new site replaced v3 after months of experiments, prototypes and content migration. The portfolio is now a working macOS with 13 apps, a window manager, an iOS springboard under 768px, Spotlight and 5 easter eggs.
• 2026-06-11: Performance and SEO hardening. Static boot screen for instant first paint, deferred analytics loader, OG cards sitewide, llms.txt and a full redirect map from the previous site. Mobile Lighthouse measured at 98 with zero layout shift.
• 2026-06-11: www.displace.agency restored. The www subdomain now resolves and redirects to the apex. It had been dead since the v2 era.
• 2026-06-10: Launch candidate locked. The OS build moved from prototype to replacement candidate. Finder, App Store, Journal, Mail, Calendar, Photos and Settings were tested together so the site felt like one system instead of a collection of clever windows.
• 2026-06-09: Responsive OS pass. Desktop window behavior and the mobile springboard were tuned side by side. The goal was not a smaller desktop on phones, but a native-feeling second interface that kept the same apps and content.
• 2026-06-07: Mail and Calendar connected. The contact and booking paths stopped being mockups. Mail now posts to the real contact API, and Calendar opens the live booking flow inside the OS surface.
• 2026-06-05: Portfolio moved into Finder. Project pages were reshaped around folders, screenshots and metadata. The old portfolio content stayed, but the interaction model changed from scrolling a website to opening work inside Finder.
• 2026-06-03: App Store model lands. Open source tools became app product pages with icons, screenshots, repo metadata and commit logs. The App Store stopped being a metaphor and became a real distribution surface for our code.
• 2026-05-30: OS content migration. The v3 project data, journal articles, screenshots, service notes and stack entries were mapped into OS apps. This was the quiet part: moving the business into the interface without breaking URLs or search.
• 2026-05-24: Journal becomes paper. The journal reader moved away from a standard blog layout and into a document metaphor. Articles became paper-like pages inside the OS, with cleaner reading states and crawler-friendly routes behind them.
• 2026-05-18: Window manager prototype. The first usable window system came together: draggable windows, app registry, z-index rules, deep links and restored state. It was still rough, but it proved the site could behave like software.
• 2026-05-10: Mac direction chosen. Several portfolio directions were tested, then the OS route won because it could show the work and the working method at the same time. The site would not describe the agency. It would behave like the agency.
• 2026-04-27: v3 becomes the content base. The Supabase CMS, dashboard, journal and portfolio data from v3 became the source material for the OS build. v3 was no longer the final destination, but it gave the new site a real content spine.
• 2026-04-27: displace.agency v3. Supabase powered CMS with a local dashboard, the journal, and the portfolio metrics pipeline. Superseded by Displace OS.
• 2026-04-02: displace.agency v2. First Next.js rebuild of the agency site. Superseded.
• 2026-03-22: Portfolio system pass. Project entries were cleaned into a repeatable structure: screenshots, services, highlights, descriptions and live links. That work later made Finder possible.
• 2026-03-08: Journal architecture planned. The writing system moved from scattered case notes toward a real publishing surface, with article types, reading time, SEO routes and a voice that could support both build notes and tool launches.
• 2026-02-18: Agency site rebuild starts. The first rebuild work focused on replacing the older Webflow-era site with a code-owned foundation. The priority was speed, editable content, real project pages and fewer places for the site to drift.
• 2026-02-03: Content inventory. Every project, service claim, screenshot source and old route was reviewed before the rebuild. The site needed a cleaner operating model before it needed a visual trick.
• 2026-01-19: Positioning reset. The agency story was narrowed around design engineering, headless commerce, fast portfolio systems and internal tools. That positioning eventually became the OS metaphor.
• 2026-01-08: New site research. The year started with a simple brief: make displace.agency feel as engineered as the work it sells. Early research covered productized service pages, portfolio systems, developer tools and interface-led storytelling.