13 components12 new, October 19, 2026
Inputs
Date range picker and brush, handle, card, phone, address, password, mention, shortcut and natural date inputs, plus verification code, swatch fan and price range.
Date Range Picker
A reporting-period picker where weeks scroll as one calendar, so a range across two months stays one band, and Compare outlines the previous period of the same length.
Reporting period
Sep 16 – Oct 15
30 days
October 2026
Arrow keys move between days, Page Up and Page Down change the month, Enter picks a date, Escape cancels.
vs Aug 17 – Sep 15, the 30 days before
Date Range Brush
Pick a range straight off the activity it filters: drag the window over a bar per day, pull its edges, or draw a new one, and the matching count rolls as you go.
Deploys · production
Sep 16 – Oct 15
143 deploys
30 days · 4.8 a day
Drag the edges, or draw a new range
Busiest dayThu, Sep 24· 13 deploys
Handle Input
A signup field for claiming a workspace URL: it rewrites what you type into a valid slug (showing each rewritten character for a moment), checks availability as you pause, and suggests three free alternatives when a name is taken.
Card Input
A Stripe-style card field where the number formats as you type, the brand mark rolls to Visa, Mastercard, Amex or Discover, and a valid number slides down to its last four to reveal expiry, CVC and ZIP.
Phone Input
A phone field for signup or 2FA: it formats the number as you type over a faint mask of the digits still to come, switches country when you type or paste an international number, and confirms a valid mobile before sending the code.
Address Input
A shipping address field that starts as one search box with highlighted matches, then unfolds into street, apt, city, region, postal code and country when you pick a result, landing your cursor on the line people forget.
Password Input
A sign-up password card: hold the eye to peek as the dots ripple into characters, watch a four-step strength rule estimate the time to crack it, and see the requirements fold into “Strong password” once they all pass.
Mention Input
A comment box where typing @ opens a people list at the caret, picked people become atomic tokens, and a “Will notify” avatar stack shows who will hear about it before you send.
Shortcut Recorder
A settings list of keyboard shortcuts where you click a binding and hold keys to record a new one: modifiers appear live as pressed keycaps, clashes offer to replace, and the row confirms with “Saved”.
Natural Date Input
Type a due date the way you'd say it, like “next fri 3pm”, “in 2 weeks” or “eod”. The parts it understood are underlined as you type, a preview row rolls to the exact date, and Enter turns it into a chip.
Verification Code
A one-time code field that fills from typing, paste or autofill, and folds into a single Verified pill when the code is right. A wrong code shakes and clears.
Swatch Fan
A color picker shaped like a paint fan deck. Drag it open, pick a hue and a shade, and copy the hex.
Price Range
A two-thumb price filter over a histogram of the prices. Bars inside the range go dark, the result count rolls, and dragging between the thumbs slides the whole window.