# Filament Flex Fields

> Comprehensive SaaS-inspired UI components, form fields, and layouts for Filament.

## Docs

- [AddressAutocompleteField](https://flex-fields.mintlify.app/docs/addressautocompletefield.md)
- [AudioField](https://flex-fields.mintlify.app/docs/audiofield.md)
- [BarcodeScannerField](https://flex-fields.mintlify.app/docs/barcode-scanner-field.md)
- [ChoiceCards](https://flex-fields.mintlify.app/docs/choicecards.md)
- [ChoiceCheckboxCards](https://flex-fields.mintlify.app/docs/choicecheckboxcards.md)
- [ColorSwatchField](https://flex-fields.mintlify.app/docs/colorswatchfield.md)
- [CountryField](https://flex-fields.mintlify.app/docs/countryfield.md)
- [CoverCard](https://flex-fields.mintlify.app/docs/covercard.md)
- [CreditCardField](https://flex-fields.mintlify.app/docs/creditcardfield.md)
- [CurrencyField](https://flex-fields.mintlify.app/docs/currencyfield.md)
- [Date & time fields](https://flex-fields.mintlify.app/docs/date-and-time-fields.md)
- [Deprecated class aliases](https://flex-fields.mintlify.app/docs/deprecated-class-aliases.md)
- [DualListboxField](https://flex-fields.mintlify.app/docs/duallistboxfield.md)
- [FlexMatrixTable](https://flex-fields.mintlify.app/docs/flex-matrix-table.md)
- [FlexChecklist](https://flex-fields.mintlify.app/docs/flexchecklist.md)
- [FlexColorPickerField](https://flex-fields.mintlify.app/docs/flexcolorpickerfield.md)
- [FlexFileUpload & FlexImageUpload](https://flex-fields.mintlify.app/docs/flexfileupload-and-fleximageupload.md)
- [FlexRadiolist](https://flex-fields.mintlify.app/docs/flexradiolist.md)
- [FlexSlider](https://flex-fields.mintlify.app/docs/flexslider.md)
- [FlexTextareaField](https://flex-fields.mintlify.app/docs/flextextareafield.md)
- [FlexTextInput](https://flex-fields.mintlify.app/docs/flextextinput.md)
- [FlexVerificationCode](https://flex-fields.mintlify.app/docs/flexverificationcode.md)
- [Form layout patterns](https://flex-fields.mintlify.app/docs/form-layout-patterns.md)
- [IconPickerField](https://flex-fields.mintlify.app/docs/icon-picker-field.md)
- [IconColumn](https://flex-fields.mintlify.app/docs/iconcolumn.md)
- [Filament Flex Fields](https://flex-fields.mintlify.app/docs/index.md): 68 Filament v5 form components, layout primitives, and an optional JSON custom-field layer — one design system, lazy assets, zero Node.js in production.
- [ItemCard](https://flex-fields.mintlify.app/docs/itemcard.md)
- [ItemCardGroup](https://flex-fields.mintlify.app/docs/itemcardgroup.md)
- [ItemCardStack](https://flex-fields.mintlify.app/docs/itemcardstack.md)
- [Layout components — quick comparison](https://flex-fields.mintlify.app/docs/layout-components-quick-comparison.md)
- [LinkPreviewField](https://flex-fields.mintlify.app/docs/link-preview-field.md)
- [MapPickerField](https://flex-fields.mintlify.app/docs/mappickerfield.md)
- [MatrixChoiceField](https://flex-fields.mintlify.app/docs/matrixchoicefield.md)
- [NumberStepper](https://flex-fields.mintlify.app/docs/numberstepper.md)
- [PhoneField](https://flex-fields.mintlify.app/docs/phonefield.md)
- [PriceRangeField](https://flex-fields.mintlify.app/docs/pricerangefield.md)
- [ProgressBar](https://flex-fields.mintlify.app/docs/progressbar.md)
- [ProgressCircle](https://flex-fields.mintlify.app/docs/progresscircle.md)
- [RatingColumn](https://flex-fields.mintlify.app/docs/ratingcolumn.md)
- [RatingField](https://flex-fields.mintlify.app/docs/ratingfield.md)
- [ScheduleField](https://flex-fields.mintlify.app/docs/schedule-field.md)
- [SegmentControl](https://flex-fields.mintlify.app/docs/segmentcontrol.md)
- [SegmentTabs](https://flex-fields.mintlify.app/docs/segmenttabs.md)
- [SelectField](https://flex-fields.mintlify.app/docs/selectfield.md)
- [Shared Concepts](https://flex-fields.mintlify.app/docs/shared-concepts.md)
- [SignatureField](https://flex-fields.mintlify.app/docs/signaturefield.md)
- [SlugField & TitleSlugField](https://flex-fields.mintlify.app/docs/slugfield-and-titleslugfield.md)
- [SocialLinksField](https://flex-fields.mintlify.app/docs/social-links-field.md)
- [SwitchField](https://flex-fields.mintlify.app/docs/switchfield.md)
- [TagsField](https://flex-fields.mintlify.app/docs/tags-field.md)
- [TimezoneField](https://flex-fields.mintlify.app/docs/timezonefield.md)
- [TrackSlider](https://flex-fields.mintlify.app/docs/trackslider.md)
- [TrafficSplit](https://flex-fields.mintlify.app/docs/trafficsplit.md)
- [TranslatableFields](https://flex-fields.mintlify.app/docs/translatablefields.md)
- [UserColumn](https://flex-fields.mintlify.app/docs/usercolumn.md)
- [UserSelect](https://flex-fields.mintlify.app/docs/userselect.md)
- [VideoField](https://flex-fields.mintlify.app/docs/videofield.md)
- [VoiceNoteRecorderField](https://flex-fields.mintlify.app/docs/voicenoterecorderfield.md)