---
title: "Multi Select Inputs — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Nasrullah Ubaid · Forms. Flexible Multi Select Input Chip"
canonical: "https://framer.elliotli.dev/component/multi-select-inputs"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Multi Select Inputs

# Multi Select Inputs

Flexible Multi Select Input Chip

[View on Framer](https://framer.com/marketplace/components/multi-select-inputs/?via=elliot-li)

![Multi Select Inputs preview image 1](https://framer.elliotli.dev/og/component/multi-select-inputs/5669246cad7a2f43/1600x1200.jpg)

## Summary

Flexible Multi Select Input Chip

## Description

**Overview**

This Multi-Select component allows users to select multiple options from a list using beautifully styled chips.

It is designed for flexibility, making it ideal for filters, forms, and interactive UI sections in Framer projects.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-xndkityr-01P1eKIK3tS69nMyG6FldJYi1jHnqz)

**Key Features**

• Multi Selection Support – Select multiple items with a configurable limit• Max Selection Control – Restrict how many items can be selected• Smooth Animations– Subtle scale effect on select and shake feedback on limit• Icon Support– Show icons on selected items (left or right)• Icon Customization– Control size, position, and tint color• Fully Customizable UI – Colors, borders, radius, typography, and spacing• Responsive Layout – Wraps automatically with flexible spacing• Form Ready – Includes hidden input for form submissions• Controlled & Uncontrolled – Works with external state or internal state**Props**

**Customization Options**

• Chip background and text colors (normal & selected)• Border width, color, and radius• Font family, size, and weight• Padding (X & Y)• Icon visibility, position, size, and tint• Custom separator (prefix) for output value

**How It Works**Click on any chip to select or deselect it. When selected, the chip visually updates and optionally shows an icon.

If the maximum selection limit is reached, additional selections trigger a shake animation for feedback.Click on any chip to select or deselect it. When selected, the chip visually updates and optionally shows an icon.

If the maximum selection limit is reached, additional selections trigger a shake animation for feedback.

**Use Cases**

• Filters (e.g. categories, tags, skills)• Forms with multiple choice input• Product options selection• Survey or onboarding flows

## Rank history [How rankings work →](/terms#rankings)

-   All · #10772

## Details

- **Author**: Nasrullah Ubaid
- **Price**: $5.00
- **Published**: 2026-05-05
- **Updated**: 2026-05-15
- **Added**: 2026-04-17
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from