Build it yourself
Step by step guides with code that runs in a Next.js app with Tailwind, plus notes for Cursor, v0 and Lovable. Each one ends with the ready-made piece, if you would rather not build it.
- How to build a login page in Next.js with server actionsStep by step Next.js login page: a server action, useActionState for errors and the pending button, show password, then redirect. Next.js 15 + Tailwind.
- OTP verification in Next.js with a server action and a resend timerBuild OTP verification in Next.js: hashed 6 digit codes that expire, a server action that checks them, auto submit, and a resend countdown. React + Tailwind.
- Auto resize a textarea in React and TailwindMake a textarea grow with its text in React: the CSS field-sizing way, a small useAutosize hook with a max height, and a chat box where Enter sends.
- How to make an add to cart animation in React (fly to cart)Make the product image fly into the cart icon when someone taps Add: a curved path with the Web Animations API, a badge bump and reduced motion. React + Tailwind.
- How to build a collapsible sidebar in React and TailwindStep by step collapsible sidebar with React and Tailwind: an icon rail with tooltips, Ctrl/Cmd+B, a cookie so it remembers, and a phone drawer. No UI library.
- How to build a Dynamic Island in React and TailwindBuild an iPhone style Dynamic Island in React and Tailwind: a black pill that grows for notices and search, with CSS transitions, Ctrl/Cmd+K, Escape and reduced motion.
- How to build a mobile bottom navigation bar in React and TailwindBuild a mobile bottom nav in Next.js and Tailwind: the active tab from the URL, a sliding indicator, an unread badge and room for the iPhone home bar.
- How to build a checkout page in Next.js and TailwindNext.js checkout page in Tailwind: an order summary that folds on phones, a form checked by a server action, a pending pay button and a success page.
- How to build a dashboard in Next.js and TailwindA Next.js dashboard in Tailwind with no chart library: KPI cards, an SVG bar chart that grows in, a week or month switch, a table and a loading state.
Longer write-ups live on the blog.