> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://contentful.com/developers/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://contentful.com/_mcp/server.

# Field Editors

> All editorial components that you can find in the Contentful Web application | Field editors | Documentation | Contribution guide

In Contentful, content is stored as entries of a specific content type. A content type has fields of different data types such as text, json or number. You can read more about our content model [here](/concepts/data-model).

When defining a content type, each field gets assigned to one of the default field editors which can be replaced with a custom widget. The field editors render that field and provide an interaction model so users can input content into that field.

All of our default field editors are [open source React components](https://github.com/contentful/field-editors/) developed using the [UI Extensions SDK](/extensibility/app-framework/sdk). This allows you to see how each editor works, and customize them to build entirely new entry experiences.

## Documentation

We provide developer documentation and a playground to see the React components in action. The documentation and playground can be found [here](https://contentful-field-editors.netlify.app/).

## Contributing

Please follow our [contribution guide](https://contentful-field-editors.netlify.app/CONTRIBUTING.md) for more information.

## Examples

We provide multiple examples on how to use our open source field editors:

* [Customize a field editor](/extensibility/field-editors/example-customize-field-editor)
* [Apps and open source: A guide to making Contentful truly yours](https://www.contentful.com/blog/2020/06/23/apps-and-open-source-guide-to-making-contentful-truly-yours/)

> All editorial components that you can find in the Contentful Web application | Field editors | Documentation | Contribution guide