Input

The Input component is a form input field with blocky styling. It features thick borders and shadows that match the Things design system. Built from scratch using React and native HTML input elements. No dependencies on any UI library.

npx shadcn@latest add https://things.marvlock.dev/registry/ui/input.json

import { Input } from "@/components/ui/input"

<Input type="text" placeholder="Enter text" />
<Input type="email" placeholder="Email" />
<Input type="password" placeholder="Password" />

Examples