Tres Leches 🍰
Tasty GUI controls for Vue

Create reactive controls from plain values, refs, and configuration objects. Tres Leches recognizes the right input for each value and keeps your Vue state in sync.

Controls without the ceremony

    Type inference

    Booleans, numbers, colors, text, vectors, selects, buttons, and graphs are inferred from the values you provide.

    Vue reactive

    Pass refs or reactive state and edits in the panel update the same source of truth.

    Flexible panels

    Float, collapse, resize, organize controls into folders, or use panel ids to render several panels.

    TypeScript ready

    A typed Vue component and composable API with no plugin registration required.