---
title: Create a Component Folder
description: Create a new component folder
url: https://storyblok.com/docs/api/management/component-folders/create-a-component-folder
---

# Create a Component Folder

POST

```html
https://mapi.storyblok.com/v1/spaces/:space_id/component_groups/
```

Create a new component folder to group one or more components together.

## Path parameters

-   `:space_id` (required) (number)
    
    Numeric ID of a space
    

## Request body properties

-   `component_group` (The Component Folder Object)
    
    The [component folder object](/docs/api/management/component-folders/the-component-folder-object)
    
    Show child properties
    
    -   `name` (required) (string)
        
        Name of the group
        
    -   `parent_id` (number)
        
        Numeric ID of the parent group
        
    

## Response properties

-   `component_group` (The Component Folder Object)
    
    The [component folder object](/docs/api/management/component-folders/the-component-folder-object)
    

## Examples

-   cURL
    
    ```shellscript
    curl "https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/" \
      -X POST \
      -H "Authorization: YOUR_OAUTH_TOKEN" \
      -H "Content-Type: application/json" \
      -d "{\"component_group\":{\"name\":\"Teasers\",\"parent_id\":\"123123\"}}"
    ```
    
-   JS
    
    ```javascript
    // storyblok-js-client@>=7, node@>=18
    import Storyblok from "storyblok-js-client";
    
    const storyblok = new Storyblok({
      oauthToken: "YOUR_PERSONAL_ACCESS_TOKEN",
    });
    
    try {
      const response = await storyblok.post('spaces/288868932106293/component_groups/', {
        "component_group": {
          "name": "Teasers",
          "parent_id": "123123"
        }
      })
      console.log({ response })
    } catch (error) {
      console.log(error)
    }
    ```
    
-   PHP
    
    ```php
    $client = new \Storyblok\ManagementClient('YOUR_OAUTH_TOKEN');
    
    $payload = ["component_group" => ["name" => "Teasers","parent_id" => "123123"]];
    
    $client->post('spaces/288868932106293/component_groups/', $payload)->getBody();
    ```
    
-   Java
    
    ```java
    HttpResponse<String> response = Unirest.post("https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/")
      .header("Content-Type", "application/json")
      .header("Authorization", "YOUR_OAUTH_TOKEN")
      .body({"component_group":{"name":"Teasers","parent_id":"123123"}})
      .asString();
    ```
    
-   C#
    
    ```csharp
    var client = new RestClient("https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/");
    var request = new RestRequest(Method.POST);
    
    request.AddHeader("Content-Type", "application/json");
    request.AddHeader("Authorization", "YOUR_OAUTH_TOKEN");
    request.AddParameter("application/json", "{\"component_group\":{\"name\":\"Teasers\",\"parent_id\":\"123123\"}}", ParameterType.RequestBody);
    IRestResponse response = client.Execute(request);
    ```
    
-   Python
    
    ```python
    import requests
    
    url = "https://mapi.storyblok.com/v1/spaces/288868932106293/component_groups/"
    
    querystring = {}
    
    payload = {"component_group":{"name":"Teasers","parent_id":"123123"}}
    headers = {
      'Content-Type': "application/json",
      'Authorization': "YOUR_OAUTH_TOKEN"
    }
    
    response = requests.request("POST", url, data=payload, headers=headers, params=querystring)
    
    print(response.text)
    ```
    
-   Ruby
    
    ```ruby
    require 'storyblok'
    client = Storyblok::Client.new(oauth_token: 'YOUR_OAUTH_TOKEN')
    
    payload = {"component_group" => {"name" => "Teasers","parent_id" => "123123"}}
    
    client.post('spaces/288868932106293/component_groups/', payload)
    ```
    
-   Swift
    
    ```swift
    let storyblok = URLSession(storyblok: .mapi(accessToken: .oauth("YOUR_OAUTH_TOKEN")))
    var request = URLRequest(storyblok: storyblok, path: "spaces/288868932106293/component_groups/")
    request.httpMethod = "POST"
    request.httpBody = try JSONSerialization.data(withJSONObject: [
        "component_group": [
            "name": "Teasers",
            "parent_id": "123123",
        ],
    ])
    let (data, _) = try await storyblok.data(for: request)
    print(try JSONSerialization.jsonObject(with: data))
    ```
    
-   Kotlin
    
    ```kotlin
    val client = HttpClient {
        install(Storyblok(MAPI)) {
            accessToken = OAuth("YOUR_OAUTH_TOKEN")
        }
    }
    
    val response = client.post("spaces/288868932106293/component_groups/") {
        setBody(buildJsonObject {
            putJsonObject("component_group") {
                put("name", "Teasers")
                put("parent_id", "123123")
            }
        })
    }
    
    println(response.body<JsonElement>())
    ```

## Pagination

-   [Previous: Component Folders](/docs/api/management/component-folders)
-   [Next: Delete a Component Folder](/docs/api/management/component-folders/delete-a-component-folder)