Vanilla JS · GODRICH

HTML email2026-09-119 items

9 Transactional Email Templates You Can Copy-Paste

Transactional email templates are the emails a product sends automatically — a welcome note, a receipt, a reset link. Th

Read

Inputs2026-09-11

CSS input design means the small form fields — phone numbers, card numbers, quantities, tags — that fill checkout and si

Pickers2026-09-11

A segmented control is that pill-shaped tab switch on iOS settings screens, where picking one of a few options slides a

Swipe to delete is dragging a list row sideways so a delete button slides out from behind it — the app gesture you keep

Auth UI2026-09-11

Login form design is more than an email field and a button — it's card material, layout, step progress. One of these nin

Dashboard UI2026-09-119 items

Here, a dashboard sidebar design means just this one piece, not the whole admin page — plus eight more standalone dashbo

Feedback2026-09-109 items

A css input focus animation is what a text field does in one line of CSS the moment :focus, :focus-within, or a validity

Feedback2026-09-099 items

These nine css card hover effects each act on a whole card component at once, not a single button inside it, using nothi

Inputs2026-09-099 items

An otp input ui is the row of single-digit boxes a signup screen shows for a six-digit code, one character per box. Each

Transitions2026-09-099 items

A css modal animation is the motion a dialog uses to open and close, instead of snapping straight from hidden to visible