Documentation
Component Demos
Below are key view-only UI components used throughout cubby, rendered with static sample data.
InteractiveConversionCapabilities
Displays unit conversion mappings for a product. Click 'Convert' to open the full converter with graph visualization.
Good
weightvolumepricecalories
InteractiveEntitySummaryCard
Summary card showing aggregated data for an entity like a recipe's nutritional info and cost.
Recipe Summary
Chocolate Chip Cookies
Total Cost
$8.45
Total Weight
650g
Total Calories
2800 kcal
Total Protein
42g
InteractiveformatRichText
Rich text formatting with highlighted ingredients and measurements, powered by WASM parsing.
Add 2 cups of flour and 1 tsp of salt to the bowl.
InteractiveLocationTree
Hierarchical tree view of storage locations using react-arborist.
Kitchen
Pantry
Top Shelf
Bottom Shelf
Refrigerator
Crisper Drawer
Garage
Chest Freezer