Input Controls — Curated Open Source UI Libraries

motion-panels — Resizable split panels animated with Motion, featuring smooth folding and snapping.

motion-panelsInput Controls

Resizable split panels animated with Motion, featuring smooth folding and snapping.

Trellis — Fractal, dockable workspace layouts with deep panel nesting and infinite zoom.

TrellisInput Controls

Fractal, dockable workspace layouts with deep panel nesting and infinite zoom.

Evil Buttons — Interactive, tactile, and expressive button components crafted for modern apps.

Evil ButtonsInput Controls

Interactive, tactile, and expressive button components crafted for modern apps.

interior.dev — Micro-interactions and tactile UI controls finely tuned for click responsiveness.

interior.devInput Controls

Micro-interactions and tactile UI controls finely tuned for click responsiveness.

DialKit — Live controls for tuning interfaces in real time. Adjust values, compare versions, and edit animation timing in your running app.

DialKitInput Controls

Live controls for tuning interfaces in real time. Adjust values, compare versions, and edit animation timing in your running app.

Color Picker (Paper) — An interactive color picker rebuilt from Paper: sRGB and Display P3, an OKLCH-aware hue ramp, and every notation CSS Color 4 can print.

Color Picker (Paper)Input Controls

An interactive color picker rebuilt from Paper: sRGB and Display P3, an OKLCH-aware hue ramp, and every notation CSS Color 4 can print.

crd-ui — A credit & debit card component for payment forms: live brand detection, 3D flip, themeable variants. Zero dependencies — React, Vue, Svelte and vanilla JS.

crd-uiInput Controls

A credit & debit card component for payment forms: live brand detection, 3D flip, themeable variants. Zero dependencies — React, Vue, Svelte and vanilla JS.