Combobox

A Combobox component for Figma that combines an input field with a dropdown list. This UI element is used for autocomplete and search functionality, allowing users to type and filter a list of suggestions.

Combobox

A Combobox component for Figma that combines an input field with a dropdown list. This UI element is used for autocomplete and search functionality, allowing users to type and filter a list of suggestions.

Combobox

A Combobox component for Figma that combines an input field with a dropdown list. This UI element is used for autocomplete and search functionality, allowing users to type and filter a list of suggestions.

This shadcn/ui component is available in our Pro React Kit.

Using the Combobox component

Usability tip

A combobox is a great solution when a Select component is not sufficient due to a large number of options.

Usage

Use in a search bar, a tag input field, or for a dropdown where the user can also type to filter options.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026