Select card

Web/Mobile

Atoms

Molecules

4 variants

Select card

Select card

20

20

20

Enhance user selection with the Select Card component. Use interactive UI cards for better visual choices in forms and design systems.

Enhance user selection with the Select Card component. Use interactive UI cards for better visual choices in forms and design systems.

A Select Card allows users to pick an option using an interactive card-based UI. This improves usability and engagement compared to traditional dropdowns. Learn how to design and implement selectable cards for forms, UI components, and Material Design systems.

‹ Toggle card

Trusted by design teams at

Trusted by design teams at

Trusted by design teams at

USED BY

50k+ Designers

PRODCUTION GRADE

80+

Component

USED BY

50k+ Designers

PRODCUTION GRADE

80+

Component

USED BY

50k+

Designers

PRODCUTION GRADE

80+

Component

CUSTOMIZE

CUSTOMIZE

200+

Variants

200+

Variants

DESIGN SYSTEM PLUGIN

DESIGN SYSTEM PLUGIN

#1

On Figma

#1

On Figma

Accordian

12 variants

Alert

160 variants

Avatar

40 variants

Avatar group

12 variants

Avatar label

4 variants

Badge

504 variants

Bottom status

6 variants

Breadcrumb

4 variant

Breadcrumb item

12 variants

Button

80 variants

Button group

3 variants

Button group item

16 variants

Explore all 80+ components

Explore all 80+ components

Preview in Figma

Preview in Figma

Preview in Figma

Preview in Figma

© 2025 A Product of Figrfast systems Private Limited. All rights reserved

Terms & Condition