Pieces/Food(10)
Food pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.
1–10 of 10
| Piece | Title | Category | Install |
|---|---|---|---|
| food10 | Drink Pairing | Food | npx shadcn add https://ui.beste.co/piece/r/food10 |
| food9 | Dietary Filters | Food | npx shadcn add https://ui.beste.co/piece/r/food9 |
| food8 | Cook Step Timer | Food | npx shadcn add https://ui.beste.co/piece/r/food8 |
| food7 | Recipe Card | Food | npx shadcn add https://ui.beste.co/piece/r/food7 |
| food6 | Macro Breakdown | Food | npx shadcn add https://ui.beste.co/piece/r/food6 |
| food5 | Order Receipt | Food | npx shadcn add https://ui.beste.co/piece/r/food5 |
| food4 | Delivery Tracker | Food | npx shadcn add https://ui.beste.co/piece/r/food4 |
| food3 | Reservation Card | Food | npx shadcn add https://ui.beste.co/piece/r/food3 |
| food2 | Restaurant Card | Food | npx shadcn add https://ui.beste.co/piece/r/food2 |
| food1 | Menu Item | Food | npx shadcn add https://ui.beste.co/piece/r/food1 |
Drink Pairing
Sommelier pairings panel with a dish header and rose-ruled wine or cocktail suggestion blocks.
Dietary Filters
Wrapped diet chip filter where selected options fill with emerald and inactives stay bordered.
Keep at a gentle simmer, stirring every two minutes so the garlic doesn't scorch.
Cook Step Timer
Recipe-step card with a step pill, mono MM:SS countdown, instruction paragraph, and rose progress bar.
Recipe Card
Recipe tile with a warm chef tile, time/kcal/servings row, and a two-column ingredients list.
Macro Breakdown
Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.
Order Receipt
Itemized food order receipt with qty-by-name lines, a subtotal/delivery/tip breakdown, and bold total.
Delivery Tracker
Four-step delivery progress with icon tiles, a ringed active step, ETA pill, and a courier footer.
Reservation Card
Emerald-bordered reservation summary with when/guests/seating/code arranged on a four-cell grid.
