Components

Every component renders live. Hover one to save, compare or copy it.

25 components of 2,023

Clear filters

AI Input Selector
Kokonut UI · Input
File Upload
Kokonut UI · Input
Action Search Bar
Kokonut UI · Input
AI Input Search
Kokonut UI · Input
File Tree
Magic UI · Input
Team Selector
Kokonut UI · Input
Avatar Picker
Kokonut UI · Input
Profile Dropdown
Kokonut UI · Input
Autocomplete
ReUI · Input
Nested multi-level combobox with drill-down, columns and tree modes.
ReUI · Input
Date Selector
ReUI · Input
Headless-first event calendar with month, week, day, N-day and agenda views, external CRUD contract, and a subscribable store.
ReUI · Input
Active-view switchboard rendering month, week, day, N-days, or agenda; swappable per view via the components prop.
ReUI · Input
Custom pointer-event interaction engine - move, resize, and drag-create across month, week, day, and N-day views with live validation.
ReUI · Input
The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.
ReUI · Input
Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.
ReUI · Input
RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.
ReUI · Input
Public TypeScript contract for the headless event calendar: events, occurrences, segments, state, and callbacks.
ReUI · Input
Filters Date
ReUI · Input
The interactive gantt bar - selection, clicks, drag + resize wiring, and the consumer render slot.
ReUI · Input
Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.
ReUI · Input
RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.
ReUI · Input
Phone Input
ReUI · Input
Shadcn signature pad with pressure and velocity ink, touch and stylus input, undo and redo, form fields and PNG, JPEG or SVG export.
ReUI · Input
Shadcn time picker with scrollable hour, minute, second and AM/PM columns, a typable input, steps, bounds and localized labels.
ReUI · Input

Components

AI Input Selector

File Upload

Action Search Bar

AI Input Search

File Tree

Team Selector

Avatar Picker

Profile Dropdown

Autocomplete

Nested multi-level combobox with drill-down, columns and tree modes.

Date Selector

Headless-first event calendar with month, week, day, N-day and agenda views, external CRUD contract, and a subscribable store.

Active-view switchboard rendering month, week, day, N-days, or agenda; swappable per view via the components prop.

Custom pointer-event interaction engine - move, resize, and drag-create across month, week, day, and N-day views with live validation.

The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.

Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.

RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.

Public TypeScript contract for the headless event calendar: events, occurrences, segments, state, and callbacks.

Filters Date

The interactive gantt bar - selection, clicks, drag + resize wiring, and the consumer render slot.

Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.

RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.

Phone Input

Shadcn signature pad with pressure and velocity ink, touch and stylus input, undo and redo, form fields and PNG, JPEG or SVG export.

Shadcn time picker with scrollable hour, minute, second and AM/PM columns, a typable input, steps, bounds and localized labels.

AI Input Selector

File Upload

Action Search Bar

AI Input Search

File Tree

Team Selector

Avatar Picker

Profile Dropdown

Autocomplete

Nested multi-level combobox with drill-down, columns and tree modes.

Date Selector

Headless-first event calendar with month, week, day, N-day and agenda views, external CRUD contract, and a subscribable store.

Active-view switchboard rendering month, week, day, N-days, or agenda; swappable per view via the components prop.

Custom pointer-event interaction engine - move, resize, and drag-create across month, week, day, and N-day views with live validation.

The reusable event chip/bar/block - selection, clicks, drag + resize wiring, and the consumer render slot.

Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.

RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.

Public TypeScript contract for the headless event calendar: events, occurrences, segments, state, and callbacks.

Filters Date

The interactive gantt bar - selection, clicks, drag + resize wiring, and the consumer render slot.

Pure, React-free calendar math: view ranges, zoned day keys, multi-day segmentation, overlap packing, lane packing, and the event index.

RFC 5545 subset recurrence expansion for the event calendar - structured rules or raw RRULE strings, with a hard occurrence cap.

Phone Input

Shadcn signature pad with pressure and velocity ink, touch and stylus input, undo and redo, form fields and PNG, JPEG or SVG export.

Shadcn time picker with scrollable hour, minute, second and AM/PM columns, a typable input, steps, bounds and localized labels.