A polished multi-select combobox built for Framer. Select multiple items, search through options, and manage selections with removable chips — all with buttery smooth animations.
✦ Multi-select with chips Selected items appear as removable tags/chips inside the input. Each chip animates in with a satisfying scale effect and can be removed with a single click or backspace.
✦ Searchable dropdown Type to filter through options instantly. The dropdown updates in real-time as you search, making it easy to find items in long lists.
✦ Keyboard navigation Full keyboard support — Enter to select the first match, Backspace to remove the last chip, Escape to close. Works exactly how users expect.
✦ Portal rendering Dropdown renders outside the component bounds so it never gets clipped by parent containers. Works reliably across all layouts and breakpoints.
✦ Fully customizable Style every element from the property panel — input colors, chip colors, dropdown styling, border radius, and more. No code required.
Features: — Multi-select with animated chip tags — Real-time search filtering — Click to remove or backspace to delete chips — Keyboard navigation (Enter, Backspace, Escape) — Dropdown chevron with rotation animation — Focus ring on input — Hover states on dropdown items — Checkbox indicators in dropdown — Click outside to close — Portal rendering (no clipping) — Empty state message
Property Controls: — Items (comma-separated list) — Default selected values — Placeholder text — Empty state text — Border radius — Background color — Border color — Text color — Chip background & text colors — Hover color — Focus accent color
Perfect for: — Integration selectors — Tag inputs — Category filters — Multi-select forms — Settings panels — User role assignments — Feature toggles — Notification preferences
Francisc Toth
