@liblib/primitives

Headless UI primitives with extreme composability for React.

Installation

npm install @liblib/primitives
# or
pnpm add @liblib/primitives
# or
yarn add @liblib/primitives

Features

• 🎨 Headless First - Zero styles, complete control
• 🔄 State Machines - Explicit state transitions
• 🧩 Extreme Composability - Every element replaceable with asChild
• ♿ Accessible - WAI-ARIA compliant
• 📘 TypeScript Strict - Full type inference

Components

Currently available:

• ✅ Dialog - Modal dialogs with focus trap and portal

Coming soon: Select, Tooltip, Popover, Accordion, Tabs, and more!

Quick Start

import { Dialog } from '@liblib/primitives'

function App() {
  return (
    <Dialog.Root>
      <Dialog.Trigger>Open</Dialog.Trigger>
      <Dialog.Portal>
        <Dialog.Overlay />
        <Dialog.Content>
          <Dialog.Title>Hello World</Dialog.Title>
          <Dialog.Description>This is a dialog</Dialog.Description>
          <Dialog.Close>Close</Dialog.Close>
        </Dialog.Content>
      </Dialog.Portal>
    </Dialog.Root>
  )
}

Documentation

Visit liblib-library.vercel.app for full documentation.

License

MIT © Ayush Das