Dice UI

Composition

Component

About

composition utilities

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Composition to your project and fits it to your theme.

Code

How Composition is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { composeEventHandlers } from "@/components/lib/composition"

function Demo() {
  return (
    <div className="flex items-center justify-center p-8">
      <composeEventHandlers />
    </div>
  );
}

export { Demo };

More by Dice UI

View all
  • Compare Slider

    Compare Slider

    75
  • Sortable

    Sortable

    49
  • Circular Progress

    Circular Progress

    41
  • Status

    Status

    28
  • Pending

    Pending

    27
  • Banner

    Banner

    19
  • Stack

    Stack

    8
  • Scroller

    Scroller

    5

Explore more

Part of Dice UI — browse the full library on 21st.dev.