> 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/developers/docs/_mcp/server.

# Forma 36

> Forma 36 - The Contentful Design System | An open source design system by Contentful created with the intent to reduce developer overhead

Forma 36 is an open-source design system by Contentful created to reduce the overhead of designing UI by providing tools and guidance for digital teams building and extending Contentful products.

![The Forma 36 landing page](https://fdr-prod-docs-files-public.s3.us-east-1.amazonaws.com/contentful.docs.buildwithfern.com/b301a81f7a5d3d0a1af6ec3fb4397d06bc1bef5a8c4c55402e45e8e47fe84557/docs/assets/images/forma36.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIA6KXJSKKNFOCF7G4B%2F20260930%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20260930T003946Z&X-Amz-Expires=604800&X-Amz-Signature=e8ba83e8788c8a4a39756de85d9e6119cd1afe03276512fe07c1a4a34cafb437&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)

As a part of Forma 36, we provide an open-source react UI library that contains all the components you might need to build your apps quickly and consistently with the Contentful UI.

**NOTE**: Because Forma 36 is an open-source project, we welcome contributions from our community. If you have an idea that could help other users, a new solution, fix existing components, or a new component, we would love for you to share it with us. For more information on contributing to Forma 36, see our [documentation](https://f36.contentful.com/introduction/contributing).

To explore our design system and learn more about Forma 36, see the [Forma 36 website](https://f36.contentful.com/) and the [GitHub repository](https://github.com/contentful/forma-36).