Skip to main content
Advanced Demo

Custom controls, same confidence

See how FillMatic handles dropdowns, date pickers, custom controls, and rich-text editors. Open FillMatic and hitFill all fields to try custom widgets, Recipes, and rich-text editors.

← Back to the standard demo

Custom widgets

These controls are built from plain divs and buttons with ARIA roles - the way component libraries like Radix, MUI or Headless UI render them. No native inputs involved.

Favorite fruit
Delivery date
Newsletter
T-shirt size

Custom control via Recipe

Choose a flavor…

Material UI Autocomplete via Recipe

A real MUI Autocomplete, handled by the shipped Recipe

No framework selected yet

Rich text & editable areas

Editable divs the way rich-text editors render them - a plain contenteditablehost, a plaintext-only host, and a model-backed ProseMirror-style editor that only accepts text through beforeinput. The example below also uses a real Tiptap editor.

Notes (contenteditable)
Comment (plaintext-only)
Bio (model-backed editor)

Editor model: (empty)

Bio (Tiptap)
Tiptap / ProseMirror
Editor model: (empty)