App Store · Displace OS

Open source apps we built

ClaudeBar: A tiny macOS menu bar app for Claude Code usage. Token-first, native SwiftUI, no dependencies. (1 GitHub stars). ClaudeBar sits in the macOS menu bar and shows what your Claude Code sessions are consuming right now: tokens per minute, the active 5 hour block, and what it would cost on API pricing. It is native SwiftUI with zero dependencies and reads Claude Code's local JSONL session logs directly, so nothing leaves your machine. It is built for engineers on Claude subscription plans who want to know where the week's quota actually goes. The popover has Overview, Sessions and History tabs: today's totals with cache hit rates, every project's burn ranked, and weekly and daily token history. The menu bar tint shifts with your burn rate. Install by downloading the app from the GitHub releases page and dragging it to Applications, or build from source with Swift. Tick Launch at login in the popover and forget it is there until you need it. Build story: ClaudeBar: A Native macOS Menu Bar App for Claude Code Usage, No Terminal Required
Copy Translate: Double-tap Cmd+C to translate any selected text on macOS via Claude. Select text anywhere on macOS, press Cmd C twice, and a side by side popup shows the original next to its translation. Copy Translate is about 200 lines of Lua running on Hammerspoon and powered by the Claude API with your own key. No menu bar clutter, no bundled app, no subscription. It auto-detects the source language, translates anything into English and English into Spanish (both configurable), and puts the translation on your clipboard ready to paste. Close the popup with Escape, the close button, or a click outside. Install Hammerspoon with Homebrew, clone the repo and run install.sh, then grant Accessibility permission and add your Anthropic API key. Translations run on Claude Haiku, so each one costs a fraction of a cent. Build story: We Got Fed Up With DeepL, So We Built a Double-Cmd+C Translator in 200 Lines of Lua
Claude Statusline Enhanced: Enhanced statusline for Claude Code with real-time token usage, costs, cache efficiency, and session metrics. A statusline that turns the bottom of your Claude Code terminal into a live dashboard: model, message count, session duration, token usage with cache hit rate, API cost, Max plan amortization, and how much context remains. Numbers use K and M formatting, bullet separators keep the line scannable, and everything stays gray on dark so it informs without shouting. Your git branch and status ride along. Requires jq and bc from Homebrew. Copy statusline.sh somewhere permanent, point the statusLine command in your Claude Code settings at it, and restart Claude Code. Build story: 3 Open-Source Tools We Built for Claude Code (And Why We Released Them)
CPU Watchdog: Lightweight macOS monitor that catches runaway processes before your machine overheats. Shell script + launchd. No dependencies.. A shell script plus launchd agent that checks every 30 seconds for processes above 200 percent CPU and sends a native macOS notification once one has stayed hot for two consecutive minutes. It keeps re-alerting every two minutes until the process calms down or you deal with it. kernel_task, WindowServer and claude are safelisted out of the box. There are no dependencies and no daemon framework: plain shell, ps and osascript, with a log you can tail. Copy the script to ~/scripts, personalize the launchd plist with your username, load it with launchctl, and test it by saturating a few cores with yes. Build story: 3 Open-Source Tools We Built for Claude Code (And Why We Released Them)
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 at the system level. It runs as a LaunchDaemon rather than a regular app, rewrites /etc/hosts every 30 seconds, disables Chrome's Secure DNS so the browser cannot route around it, and protects its own files with macOS immutable flags. App cleaners do not even see it. It is for people who mean it. Unlocking requires typing the phrase "I am choosing to procrastinate", then waiting 20 minutes, and the wait doubles with every unlock that day, capped at two. Focus Sessions of 25, 50 or 90 minutes cannot be cancelled and survive reboots. It can also force-quit blocked macOS apps while locked. Install from source with the Xcode Command Line Tools: clone the repo, run the build script, then the install script with sudo. A menu bar shield controls schedules, the blocklist and your streaks. Build story: FocusGuard: We Built a macOS Website Blocker That Can't Be Bypassed

Interactive demos

Playable, browser-only versions of tooling we build for clients, running inside the App Store with sample data.

Headless Shopify: Your products live in Shopify. Your site looks nothing like a theme. This is our most requested build: a fully custom website wired to a normal Shopify store through the Storefront API. The team keeps managing products, prices, stock and orders in the Shopify admin they already know; the site itself is designed and coded from scratch, with none of the limits of a theme. The demo above is the whole idea in miniature. Edit the product on the admin side and watch the storefront react: the API carries every change across, the checkout stays Shopify's, and the front end stays completely ours. Try it in the App Store.
Product Configurator: Spec a piece, watch the quote build itself. A live product configurator of the kind we build for furniture makers and ateliers. Pick a category, material, size, finish and quantity, and a quote document assembles itself in real time with volume pricing and lead time estimates. In production, generating the quote writes a branded PDF, logs the configuration to your sales pipeline, and reserves a production slot. This demo keeps everything in your browser; the math and the flow are the real thing. Try it in the App Store.
Trade Portal: One catalog, two audiences: public and trade. Flip a storefront between its public face and the signed in trade view. Trade pricing appears, spec sheets unlock, and buyers save pieces to their active projects, all from the same catalog. This is the access model we build for brands selling to interior designers and architects: work email domains auto-approve, invite codes cover the fair season, and pricing tiers follow the buyer. The demo runs entirely in your browser with sample personas. Try it in the App Store.

Log

The site changelog: every entry is a real, dated ship.

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, a screensaver 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.