Unlabeled dropdown
Plain div elements with no roles or labels - nothing marks it as a control.
Choose a flavor…
Recipe for #w-legacy-fruit
- Click
@self - Click random
.legacy-option
Waiting for
Demo · Advanced
Controls beyond plain inputs
01
Works automatically
Plain div elements and buttons with ARIA roles - the way Radix, MUI, and Headless UI render
them - plus editors that only accept text through their own document model. No setup needed.
Custom widgets
A combobox, a date picker, a switch, and a radio group. No native inputs involved.
Favorite fruit
Delivery date
Newsletter
T-shirt size
Rich text & editors
Plain and plaintext-only editable hosts, a model-backed editor, and a real Tiptap editor.
Notes (contenteditable)
Comment (plaintext-only)
Bio (model-backed editor)
Editor model: (empty)
Bio (Tiptap)
Tiptap / ProseMirror
02
Taught with Recipes
Some controls give no clue they are controls, or only react to a hover. A Recipe teaches FillMatic once: match the control with a CSS selector, then replay a few steps. These three ship built in. How Recipes work
Hover-only menu
Clicking does nothing - the menu opens on hover. Steps reach it through the control's own wrapper, so several pickers never mix up options.
Assign to
Recipe for #w-assignee
- Hover
@self - Wait for
@closest(.hover-picker) .hover-item - Click random
@closest(.hover-picker) .hover-item
Waiting for
Material UI Autocomplete
A real library control. The Recipe opens it and picks from the rendered listbox.
Recipe for input[role="combobox"]
- Click
@self - Click random
[role="option"]
Runs on every site, so it covers MUI Autocompletes anywhere.