Actions, new

Reaction Bar

Chat reactions with rolling counts, a searchable picker and super reactions: a warm chip of their own, sent from the picker's Super toggle or by pressing and holding a chip, with a short burst of floating copies.

$149 once · every Pro piece

Customize

Multiple reactions

Remote activity

Install

npx shadcn@latest add @obsyde/reaction-bar

Needs your licence key · Get Pro

Usage

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

import { ReactionBar } from '@/components/obsyde/ember/reaction-bar/ReactionBar';

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

Files

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

ember/reaction-bar/ReactionBar.tsxcomponent
ember/reaction-bar/reaction-bar.cssstyles
ember/reaction-bar/motion.tsmodule
ember/reaction-bar/ReactionBarDemo.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/shared/rolling-number.cssshared
ember/shared/RollingNumber.tsxshared
ember/kit2-kit/kit.tsshared
ember/display-kit/motion.tsshared

API

Prop	Type	Default
`accent`Accent	`'ember' \| 'volt' \| 'arc'`	`'ember'`
`multiple`Multiple reactions	`boolean`	`true`
`remote`Remote activity	`boolean`	`true`