Dropdown Kit

Stop building dropdown variants by hand. Dropdown Kit generates a complete, production-ready dropdown component set from one config panel, every state, every variant, every prototype interaction wired and ready to use.

What it buildsFor N items, you get:

State=Closed — shows your placeholder, icon downState=Open — shows the items list, icon upState=Selected-1 … Selected-N — one variant per item, showing that item as the labelState=Disabled (optional) — non-interactive, reduced opacityNested Dropdown Item — Default and Hover variants for per-item highlightingEvery interaction pre-wired- Click Closed → Open- Click trigger in Open state → Closed- Click an item → animates to the matching Selected variant- Hover an item → highlights with your hover colour- Click a Selected variant → reopens for re-selectionDrop an instance into a frame, hit prototype mode, and it all works.

Fully configurable- Custom dimensions, padding, icon size, font size- Your colours: background, text, border, icon, hover background- Border width and corner radius- Four built-in icons: chevron, caret, arrow, plus- Smart animate or instant transitions- Optional disabled state with opacity sliderHow to use1. Run the plugin2. Set your content, styling, and behaviour3. Click **Build dropdown**4. Drop an instance into a frame and prototype — that's itNo need to pre-build a base component. No need to wire reactions manually. No variant soup.---Crafted by [Tandem Digital](https://tandemdigital.studio) — a design and product studio building tools for designers who ship.

Changelog**v1.0** — Initial release- Closed, Open, and per-item Selected variants- Optional Disabled variant with opacity control- Nested Dropdown Item component with hover states- Full prototype wiring (click + hover interactions)- Configurable style, sizing, colours, and animation