Hero Input

Oversized text field with large type and a fatter caret, made for hero sections and prompt bars.

Ready when you are

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Input14 } from "@/components/beste/piece/input14";

<Input14
  value="Ready when you are"
  placeholder="Ask anything"
/>

More Input pieces

View all Input
small, compact, dense

Dense Input

input13

Tight small-size text field for data tables and filter rails, with smaller type and tight padding.

typescript
12
const answer = 42;return answer * 2;

Code Input

input25

Dark mono code field with a language eyebrow, line-number gutter, and content lines on a foreground canvas.

Beste Sözen

Text Field

input5

Bare text input atom with a focused state that adds a primary ring and a blinking caret after the value.

$12,480.00USD

Currency Input

input7

Money field with a leading currency symbol, right-aligned mono amount, and a unit label.

1h45m
HH:MM

Duration Input

input21

Length field with a timer icon, h and m unit-annotated number tiles, and an HH:MM format hint.

Thanks for the thorough write-up. Two things came to mind while reading — first, the retry logic feels brittle around rate limits;
Shift + ↵ for new line

Textarea

input10

Multi-line input with a shift-enter hint row and a visible corner grip for resize.