# Peel UI
> React UI components distributed through a shadcn registry.

Peel UI is a component registry. Each registry item can be installed into a project with the shadcn CLI.

- Website: https://peel-ui.vercel.app
- GitHub: https://github.com/Killersumit/peel-ui
- Registry Index: https://peel-ui.vercel.app/r/index.json
- Full Technical Specification: https://peel-ui.vercel.app/llms-full.txt
- License: MIT (https://github.com/Killersumit/peel-ui/blob/main/LICENSE)

## Registry Components

### [Save State Pill](https://peel-ui.vercel.app/components/save-state-pill) (`save-state-pill`)

Displays idle, saving, saved, failed, offline, and conflict states, with retry and conflict-review callbacks.

### [Slide to Confirm](https://peel-ui.vercel.app/components/slide-to-confirm) (`slide-to-confirm`)

Calls its confirmation callback when the drag reaches 75% of the track and supports reset.

### [Magnetic Split Button](https://peel-ui.vercel.app/components/magnetic-split-button) (`magnetic-split-button`)

Provides a primary action and a menu of selectable actions.

### [Tactile OTP Input](https://peel-ui.vercel.app/components/tactile-otp-input) (`tactile-otp-input`)

Accepts numeric input in configurable digit slots and calls its completion callback when all slots are filled.

### [Privacy Shutter](https://peel-ui.vercel.app/components/privacy-shutter) (`privacy-shutter`)

Uses a draggable shutter to reveal or conceal an API key, with copy and lock controls.

### [Voice Pill](https://peel-ui.vercel.app/components/voice-pill) (`voice-pill`)

Uses microphone audio or a simulated signal, with an optional canvas waveform and slide-to-cancel.

### [Tactile Filter Chips](https://peel-ui.vercel.app/components/filter-chips) (`filter-chips`)

Supports single or multiple selection, optional counts, disabled options, and a clear action.

### [Note Button](https://peel-ui.vercel.app/components/note-button) (`note-button`)

Opens a note editor from a trigger and can persist note text in localStorage.

### [Skeleton Handoff](https://peel-ui.vercel.app/components/skeleton-handoff) (`skeleton-handoff`)

Matches skeleton blocks to content by ID and transitions between loading, ready, and error states.

### [Moiré Field](https://peel-ui.vercel.app/components/moire-field) (`moire-field`)

Full-bleed interference pattern background with dual gratings, configurable pitch (6 to 32) and thickness (0 to 1), calm falloff masks, and pointer damping.

### [Moiré Intro](https://peel-ui.vercel.app/components/moire-intro) (`moire-intro`)

Progress-driven full-screen intro with dual line gratings that calm into register before a mechanical settle and alternating slat reveal.

### [Waitlist Join](https://peel-ui.vercel.app/components/waitlist-join) (`waitlist-join`)

Email input with live social proof that morphs into a personal confirmation card on submit.

### [Cookie Consent](https://peel-ui.vercel.app/components/cookie-consent) (`cookie-consent`)

Calm cookie choice card and floating trigger with zero tracking, keyboard navigation, and theme inheritance.

## Installation

Install a registry item with the shadcn CLI and its public registry JSON:

```bash
npx shadcn@latest add https://peel-ui.vercel.app/r/save-state-pill.json
npx shadcn@latest add https://peel-ui.vercel.app/r/slide-to-confirm.json
npx shadcn@latest add https://peel-ui.vercel.app/r/magnetic-split-button.json
npx shadcn@latest add https://peel-ui.vercel.app/r/tactile-otp-input.json
npx shadcn@latest add https://peel-ui.vercel.app/r/privacy-shutter.json
npx shadcn@latest add https://peel-ui.vercel.app/r/voice-pill.json
npx shadcn@latest add https://peel-ui.vercel.app/r/filter-chips.json
npx shadcn@latest add https://peel-ui.vercel.app/r/note-button.json
npx shadcn@latest add https://peel-ui.vercel.app/r/skeleton-handoff.json
npx shadcn@latest add https://peel-ui.vercel.app/r/moire-field.json
npx shadcn@latest add https://peel-ui.vercel.app/r/moire-intro.json
npx shadcn@latest add https://peel-ui.vercel.app/r/waitlist-join.json
```

## Repository Versions

The repository package manifest specifies React 19.2.8, Next.js 16.3.6, and Tailwind CSS ^4.