Mozaik helps digital teams deliver content to any platform

Set up a GraphQL driven headless CMS within minutes and focus creating the app and content your users need.

Start building free

A better experience for the whole team

Developers

  • Flexible content modelling
  • Sandbox environments
  • CLI tooling
  • Integrate with existing systems

Content Editors

  • Content versioning
  • Scheduling and custom workflows
  • Preview changes
  • Roles and permissions

Businesses

  • Scalable and secure infrastructure
  • 24/7 monitoring
  • Professional support and SLAs
  • More productive teams

Build modern applications with an API-first CMS

Build

Set up your project within minutes: define your content models the way you want to and get a powerful GraphQL API.

Use the CLI tool, or the visual editor for managing your content type schema.

"""
Cinema document
"""
type Cinema {
  name: String @config(isTitle: true)
  address: String
  movies: [Movie]
}

"""
A movie document
"""
type Movie {
  title: String @config(isTitle: true)
  synopsis: RichText @config(label: "Synopsis")
  actors: [Person] @config(label: "Actors")
  directors: [Person] @config(label: "Directors")
  releaseDate: Date @config(label: "Release date")
  poster: Image @config(label: "Movie poster" groupName: "Meta")
  tags: [String] @config(groupName: "Meta")
}

"""
Person document describes a person who can be an actor and/or director
"""
type Person {
  firstName: String! @config(label: "First name")
  lastName: String! @config(label: "Last name")
  dateOfBirth: Date @config(label: "Date of birth")
}

Manage

Create content using the seamless content editor UI, or manage content via the API.

Drafts, revision history, scheduled publishing or previews: everything for productive workflows.

Display

Use the GraphQL API to deliver your content to anywhere you want to: websites, applications or IoT devices.

query GetMovieDocument($slug: String) {
  getMovieDocument(slug: $slug) {
    id
    displayName
    title
    synopsis {
      html
    }
    actors {
      items {
        id
        firstName
        lastName
      }
    }
    directors {
      items {
        id
        firstName
        lastName
      }
    }
    poster {
      url
    }
  }
}
{
  "data": {
    "getMovieDocument": {
      "id": "7b99d7af-8a47-4bab-8c7b-7054d1d3e193",
      "displayName": "Only Lovers Left Alive",
      "title": "Only Lovers Left Alive",
      "synopsis": {
        "html": "<p>Adam (Tom Hiddleston), an underground musician, reunites with his lover for centuries (Tilda Swinton) after he becomes depressed and tired with the direction human society has taken. Their love is interrupted and tested by her wild and uncontrollable little sister (Mia Wasikowska).</p>"
      },
      "actors": {
        "items": [
          {
            "id": "2e8fe5d8-c41e-4b6c-bfd8-e8b973678794",
            "firstName": "Tilda",
            "lastName": "Swinton"
          },
          {
            "id": "fe0d0a73-d0ce-4a62-9a05-42dc8f0884cf",
            "firstName": "Tom",
            "lastName": "Hiddleston"
          }
        ]
      },
      "directors": {
        "items": [
          {
            "id": "bdb1c6ad-73d5-40a2-955e-3b40803b38ae",
            "firstName": "Jim",
            "lastName": "Jarmusch"
          }
        ]
      },
      "poster": null
    }
  }
}

Set up a sample project and deploy in minutes

Explore Mozaik with one of our sample projects

Start building free
  • Create a new workspace

    You can use create a template project with predefined content.

  • View the source code

    By exploring the source code, you can learn about how Mozaik will server your application.

  • Deploy your project

    You can easily deploy your project to Netlify or other hosting servies.