Dısh It
A kitchen built by hand
Most recipe sites feel the same. Dish It is a small counter argument. Every control was made to match the food: the scrollbar drips like sauce, the counters roll like an old till, the theme switch is a stove dial, and the logo lifts a serving cloche on a loop.
Live at dish-itt.vercel.app.
What is inside
- A recipe explorer that filters by pantry contents and reorders by how much you can make.
- A full screen cook mode with stacking timers and a screen that stays awake.
- A flavor wheel for choosing by mood and a drink mixer with a glass that fills as you build.
- A cookbook, a shopping list, and a weekly planner, all stored on your device.
- Over a hundred recipes across two dozen cuisines, a starter set written by hand plus a batch from the TheMealDB community collection.
The stack
- Next.js App Router
- Server components, static generation, and the metadata API.
- Sanity
- Structured content with an embedded studio. The site also ships with seed data.
- motion
- Every transition, the lifting cloche logo, and the glass fill.
- Tailwind CSS v4
- A token driven theme with full light and dark support.
Dish It is open source under the MIT license. Recipe data and imagery for the imported dishes come from TheMealDB. Connect a Sanity project to manage recipes from a dashboard, or keep editing the seed files directly.