Skip to content
Feedback, new

Presence

A live avatar stack that fans on a spring, a people popover, and data-driven remote cursors with click ripples and idle fading.

$149 once · every Pro piece

Customize

Install

npx shadcn@latest add @obsyde/presence

Needs your licence key · Get Pro

Usage

Import it from where the CLI puts it, or copy the files below by hand.

import { Presence } from '@/components/obsyde/ember/presence/Presence';

export function Example() {
  return (
    <Presence />
  );
}

Files

What you get with Pro: plain React, TypeScript and CSS, with no dependencies.

  • ember/presence/Presence.tsxcomponent
  • ember/presence/presence.cssstyles
  • ember/presence/PresenceDemo.tsxdemo
  • ember/tooltip/tooltip.cssshared
  • ember/tooltip/Tooltip.tsxshared
  • ember/shared/ember.cssshared
  • ember/overlays-kit/kit.tsshared
  • ember/shared/spring.tsshared
  • ember/shared/accent.tsshared
  • ember/tactile-kit/kit.tsshared
  • ember/reaction-bar/motion.tsshared
  • ember/kit2-kit/kit.tsshared
  • ember/display-kit/motion.tsshared

API

PropTypeDefault
accentAccent'ember' | 'volt' | 'arc''ember'
userCountPeoplenumber7
cursorsLive cursorsbooleantrue
fanFan on hoverbooleantrue