---
title: "TagPicker — Free Framer component · Best of Framer"
description: "Free Framer component · by Heyuhm · Forms. A flexible multi-select tag input"
canonical: "https://framer.elliotli.dev/component/tagpicker"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/TagPicker

# TagPicker

A flexible multi-select tag input

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

![TagPicker preview image 1](https://framer.elliotli.dev/og/component/tagpicker/680ceb13ad7e68fd/1600x1200.jpg)

## Summary

A flexible multi-select tag input

## Description

Tag Picker is built to handle both predefined options and user-generated input with a stable and predictable interaction model.

**Core Features**

-   Select from predefined tags or create custom ones
    
-   Real-time filtering based on input
    
-   Prevents duplicate selections automatically
    
-   Keyboard-friendly (Enter to add, Backspace to remove)
    
-   Fully supports Korean IME input without breaking characters
    

**UI & Interaction**

-   Single-container dropdown design (input + list in one box)
    
-   Expands vertically instead of spawning a separate panel
    
-   Tags and input flow together with automatic wrapping
    
-   Chevron toggle with clear open/close state
    
-   Smooth expand/collapse transitions
    

**State & Behavior**

-   Selected tags are preserved when adding new ones
    
-   No duplication or unintended resets during input
    
-   Max tag limit with inline feedback
    
-   Clean separation between input state and selected values
    

**Form Integration**

-   Works seamlessly with Framer Forms
    
-   Outputs selected values as a single field (comma-separated string)
    
-   No unnecessary array duplication (\[\] fields removed)
    
-   Syncs instantly with form state on add/remove
    

**Customization**

-   Separate styles for Default and Open states (Surface, Border)
    
-   Control typography, spacing, radius, and colors
    
-   Configurable label and field name
    
-   Fully responsive layout
    

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

-   All · #4557

## Details

- **Author**: Heyuhm
- **Published**: 2026-04-15
- **Updated**: 2026-04-10
- **Added**: 2026-04-01
- **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