Skip to main content
Glama

Kalpana Designer

Build an animated list

make_list

Rows of UI (a ranked list, inbox, settings, search results) with text and an optional value on the right; rows spring in one after another and a highlight slides from row to row at the select times. Pair with make_cursor clicks at the same times. static: true builds a still list or table instead.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
xYesTop-left of the list and its width.
yYes
gapNo
fillNoRow fill (default white), text colour (default near-black).
nameNo
colorNo
itemsYes
startNoSeconds: when rows start arriving, and between rows (default 0.07).
widthYes
accentNoHighlight fill and the text colour on it.
intentYesOne short sentence: what you change and why. Kept in the design history.
selectNoThe highlight's path: it lands on each row in turn.
staticNoA still list or table (ranked rows, a ledger, an answer key): a column layout flow of row frames, each a row flow with a Label text filling the width and an optional Value on the right. No motion, no highlight (`select`, `start`, `stagger` are refused). Edit rows later with update_layers like any flow.
dividerNoStatic lists: a hairline under each row but the last, in this colour (rows then have no fill unless `fill` is given).
page_idYesThe page to work on, as returned by create_design.
staggerNo
numberedNoNumber each row (1, 2, 3...), for ranked lists.
font_sizeNo
parent_idNo
row_heightNoRow height px (default 64) and gap between rows (default 10).
accent_textNo
font_familyNo

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observed

TDQS

Score is being calculated.

Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.

Resources