@tactile
Interface pieces that behave like hardware: an odometer that carries, a liquid-damped compass, a pull-cord lamp, engraved plates and a machined footer. Vanilla JS and CSS with React, Vue and Svelte wrappers. MIT.
Install this registry
npx shadcn@latest add https://tactileui.dev/r/free/registry.json pnpm dlx shadcn@latest add https://tactileui.dev/r/free/registry.json bunx shadcn@latest add https://tactileui.dev/r/free/registry.json curl -s https://tactileui.dev/r/free/registry.json Components
6 totalBlock. “Used in production by…”, as metal name plates. Brushed aluminium or anodised black, screwed or riveted, each client’s mark cut into the metal with one …
npx shadcn@latest add https://tactileui.dev/r/free/client-plates.json Block. An FAQ as a card-index drawer. Each question is typed along a card’s edge with its subject on a staggered tab; pull one and it lifts out to show the ans…
npx shadcn@latest add https://tactileui.dev/r/free/faq-drawer.json Block. A footer made as the bottom panel of a device. Printed columns of links, a status window with a real lamp, a changelog key, an Aluminium / Graphite swit…
npx shadcn@latest add https://tactileui.dev/r/free/machined-footer.json Object. A liquid-damped compass. The card swings past the mark and settles while a lit display reads the bearing. Your hand turns the knurled bezel, one click …
npx shadcn@latest add https://tactileui.dev/r/free/compass.json Object. A mechanical drum counter. A digit moves only while the one to its right carries, so 1,099 to 1,100 rolls three drums over together. Not a number that …
npx shadcn@latest add https://tactileui.dev/r/free/odometer.json Object. A pendant lamp that is a switch. Pull the acorn: the detent resists and snaps, and the filament warms from dull red to white while the lamp sways. It c…
npx shadcn@latest add https://tactileui.dev/r/free/pull-cord.json