What is Popui

PopUI is a companion desktop application designed to enhance the user experience of Claude Desktop by enabling collaborative user interface interactions.

Use cases

Use cases for PopUI include creating dynamic control panels, engaging in color discussions with a color picker, designing physical layouts, playing turn-based games, and providing real-time visual feedback.

How to use

To use PopUI, integrate it into your Claude Desktop by adding a supergateway proxy to your claude_desktop_config.json file, allowing for real-time communication and updates between the UI and Claude.

Key features

Key features of PopUI include bi-directional communication with the UI, real-time visual context manipulation, and the ability for Claude to read and push changes to the UI, enhancing interactive conversations.

Where to use

PopUI can be used in various fields such as software development, gaming, design, and any application where collaborative user interaction is beneficial.

PopUI - Collaborative UX for Claude Desktop

Overview

PopUI is a companion desktop app for macOS that gives Claude Desktop new tools.

Leveraging Claude’s ability to create user interfaces, PopUI creates a bi-directional bridge to a visual context.

• Claude creates and automatically displays a user interface (similar to artifacts)
• Claude can read changes done in the UI and use the UI as a visual context
• Claude can also push changes to the UI, visually updating it for the user
• The UI can send events and text back to chat, obviating the need for keyboard input in the loop

Collaborative UX

How is this different from Artifacts?

PopUI closes the interaction loop. While Claude Artifacts can generate interactive UI elements, any events or changes that happen in them are trapped outside of the chat conversation. With PopUI, Claude has tools to interrogate and manipulate the external state, allowing Claude to build further conversation on top of that shared context.

Realtime visual context

PopUI also gives the Claude and the user the ability to receive and manipulate visual context.

Some examples:

• Instantly build control panels for tweaking and refining values in the chat
• Talk to Claude about colors with a color picker with swatches.
• Talk to Claude about a physical layout
• Play turn-based games with Claude on a shared gameboard
• Give Claude a sense of time with a real-time wall clock
• Give Claude a literal face to express its emotions during the chat

Installation

Just download the latest release and launch the app.

Automatic SSE Proxy to Claude Desktop

PopUI provides all its dependencies to function, even the MCP gateway for Claude!
The first time you launch PopUI, you’ll be asked to install into Claude Desktop. After this, PopUI will be launched by Claude Desktop and automatically connected as an MCP server.

You can access all the created user interfaces from the settings window or from the menubar icon.

Sponsorship & Collaboration

PopUI was my MCP hackathon entry.

If you like it, please consider supporting me through sponsorship or work opportunities.

My Apple Developer membership cost $100/year 💸 Oh for codesign…

Sponsor me or connect with me on LinkedIn if you’re interested in collaborating!

⭐Stars⭐ are always appreciated!