Skip to content
multicn

Multiplayer UI,
for React apps.

Open-source multiplayer UI elements for designing agent and human experiences. Built for shadcn/ui with React, Tailwind and Motion.

Get early access when the first release ships. No spam.

A first look

Live demos of the components built so far, and sketches of the ones on the way.

  • Live

    Cursor

    A collaborator's pointer, person or agent: an arrow in their colour, with an optional name and avatar.

  • Live

    Caret

    A collaborator's text caret and selection, with their name in a flag above the caret.

  • Live

    Presence Ring

    An outline in someone's colour around the element they're viewing, editing or have locked.

  • Live

    Avatar Stack

    Who is here, people and agents, as overlapping faces with a +N list and follow.

  • Live

    Comment Pin

    A marker on a canvas or element that opens a comment, with read, resolved and draft states.

  • Live

    Comment Thread

    A thread where agents comment too, propose changes and pick up work.

  • Live

    Cursor Chat

    A short message at someone's pointer, typed live and gone a few seconds later.

  • Live

    Agent Status

    One line on what an agent or person is doing now: working, needs you, done.

  • Live

    Participant

    One avatar for people and agents, with presence, agent state and an identity ring.

  • Coming next

    Change attribution

    A small mark on what changed, saying who made the change, person or agent.

  • Coming next

    Follow frame

    A frame around your view while you follow someone, with their name and a way out.