ViteToolsViteTools

Grocery List

Create and manage your grocery shopping list online. Add items, set quantities, check off purchased items, and stay organized at the store.

Your grocery list is empty. Add items above!

How to Use This Tool

  1. Type an item name (e.g. "Milk") into the input field and optionally set a quantity
  2. Press Enter or click "Add" to add the item to your list
  3. The tool automatically detects the item's category based on its name and files it into the matching section
  4. Tap the checkbox next to an item to mark it as picked up while you shop
  5. Use the category filter buttons to focus on one section of the store at a time
  6. Click "Clear checked" to remove all purchased items from the list at once

Formula & How It Works

Auto-categorization logic

category = firstMatch(itemName.toLowerCase(), keywordMap)

Each new item's name is checked against a keyword map covering categories like Produce, Dairy, Meat, Bakery, Pantry, Beverages, Frozen, and Household. The first category whose keyword list contains a match wins; if nothing matches, the item is filed under "Other".

List totals

toBuy = totalItems − checkedItems

The summary bar shows items still needed (To Buy), items already in your cart (In Cart), and the overall Total Items count, all recalculated live as you check items off.

Practical Examples & Common Use Cases

Weekly grocery run

Add "Milk", "Chicken breast x2", "Bread", and "Broccoli". The list automatically sorts them into Dairy, Meat, Bakery, and Produce sections so you can shop aisle by aisle instead of scrolling through one long list.

Filtering by section

If you're standing in the produce aisle, click the "Produce" filter button to hide every other category and see only the fruits and vegetables you still need to grab.

Finishing a shopping trip

After checking off everything you bought, click "Clear checked" once at checkout to instantly remove the completed items, leaving only what you still need to pick up next time.

Frequently Asked Questions

This grocery list runs entirely in your browser. Your items are stored in memory and will be cleared when you close or refresh the page. No data is sent to any server.

Items are automatically categorized based on common grocery keywords. For example, "milk" goes under Dairy, "chicken" under Meat, and "bread" under Bakery. Items that don't match a known category are listed under Other.

Yes! This tool is fully responsive and works on any device with a web browser. Open it on your phone and check items off as you shop.

Related Tools

To-Do List

Create, organize, and manage your tasks with a free online to-do list. Add priorities, track progress, and stay productive.

Productivity Tools

Pomodoro Timer

A free online Pomodoro timer to boost your focus and productivity. Work in timed intervals with short breaks to stay sharp.

Productivity Tools