> ## Documentation Index
> Fetch the complete documentation index at: https://flex-fields.bjanczak.com/llms.txt
> Use this file to discover all available pages before exploring further.

> ## Agent Instructions
> Examples target Filament 5. Verify optional dependencies before configuring integrations.
> Upload transfer completion, permanent storage and record acceptance are separate milestones. Native and Spatie image conversions retain the original.

# Let's begin

> Your starting point for FLEX Fields v4 in Filament 5.

Build richer forms in your existing Filament application. **Start with the features you need**, then connect media workflows or create reusable extensions as your project grows.

> **[Build with your AI assistant](https://flex-fields.bjanczak.com/docs/ai-assisted-development.md)**
>
> Set up the FLEX skill, discover installed component APIs, configure File Upload
> or use Media OS directly in your own Laravel services.

![FLEX Fields v4: component previews, shared assets, composable controls and Media OS](https://mintcdn.com/flex-fields/C-FFAuTlbhROGpHj/art/FLEX-FIELDS-v4.webp?fit=max\&auto=format\&n=C-FFAuTlbhROGpHj\&q=85\&s=2bba0c378c2ab641120f367e705f77a0)

## Your setup, in three steps

> **[01 · Install FLEX](https://flex-fields.bjanczak.com/docs/installation.md)**
>
> Add FLEX to your panel, publish its assets and verify the installation.

> **[02 · Build your form](https://flex-fields.bjanczak.com/docs/recipes.md)**
>
> Start with one field, a scoped picker or a relational gallery in your existing form.

> **[03 · Save with confidence](https://flex-fields.bjanczak.com/docs/data-and-validation.md)**
>
> Set storage formats and validation, then verify saving and reopening records.

> [!NOTE]
>
> Want a guided walkthrough? [Your first component](https://flex-fields.bjanczak.com/docs/first-component.md) covers a complete field-to-database example.

## Make it your own

> **[Configure your forms](https://flex-fields.bjanczak.com/docs/configuration.md)**
>
> Shared appearance defaults. Independent settings for each field.

> **[Understand what loads](https://flex-fields.bjanczak.com/docs/asset-loading.md)**
>
> Component resources follow active use. Repeated controls share CSS and JavaScript.

## Go further when you need to

> **[Connect your media workflow](https://flex-fields.bjanczak.com/docs/media-capture-os.md)**
>
> Storage, metadata, image versions and supported background processing through **Media OS**.

> **[Create your own extension](https://flex-fields.bjanczak.com/docs/extensions.md)**
>
> Compose FLEX controls and reuse their resources across fields, columns and infolist entries.

> [!NOTE]
>
> **Choose your own scope.** Ordinary fields can use existing model attributes. Managed field groups and third-party integrations are optional. Check [Requirements & integrations](https://flex-fields.bjanczak.com/docs/requirements.md) for the features you enable.

Working with an AI assistant? Use the [installed API and optional Laravel Boost skill](https://flex-fields.bjanczak.com/docs/ai-assisted-development.md). You can also compare [native Filament, custom code and FLEX](https://flex-fields.bjanczak.com/docs/choosing-components.md) before choosing a control.

Need help? [Troubleshooting](https://flex-fields.bjanczak.com/docs/troubleshooting.md) connects common symptoms to checks and solutions.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.