返回 Discover
Field DispatchProduct Hunt8 · 2026-05-27

Layers

Create beautiful animated code snippet videos for free

Layers is a free web-based tool that empowers anyone to create beautiful, animated code snippet videos. Inspired by sites like Carbon, Layers features a customizable code editor, support for popular languages, various aspect ratios, and texture super sampling for high-resolution animations. With Layers, you can also adjust the orientation and perspective of your code snippets, allowing for dramatic compositions that can be used for more advanced editing, motion graphics, and content creation.

日榜日期
2026-05-27
发布时间
2026/05/27
日榜排名
#8
票数
104
评论
13
评价
0
Human Signal

创始人 / Maker 评论

优先展示 Product Hunt 上对理解条目有帮助的人类文本。

Topics
Developer ToolsAnimationVideo

Hello again! I built Layers to solve a problem I often face in video editing (especially for tech-related content) - having to screen-cap code editors or animating them from scratch. Screen-capping is quick, but requires manual typing (which comes with a lot of retries). Traditional motion graphics approach (like After Effects) is high-fidelity but comes with a steep learning curve (an lots of time!). I built Layers to empower anyone to produce high-fidelity, animated code snippets in a matter of seconds. Layers gives you control over the code editor style, handles the animation of typing code (characters per second and delay), and gives you background colour options depending on your use case (keying, cropping, or quick posting to social). Layers is free, and will always be free. I plan to add features over time, but would love to hear from others how I might be able to improve the overall utility. Right now, Layers is designed for desktops, as I figured that is where the majority of this kind of work is done, but if there is interest in a mobile version I will put it on the roadmap :)

评论作者信息不可用Maker 身份2 votes查看原评论
痛点分析发布于 2026/05/27

痛点为 AI 基于上游原始证据的初步提炼;未包含额外中国市场检索。

痛点

用户在制作技术类视频内容时,需要展示代码片段,但现有流程存在明显摩擦。直接屏幕录制代码编辑器虽然快速,但需要手动输入代码,容易出错且需要多次重试;而使用After Effects等传统动态图形工具虽然能获得高质量动画,但学习曲线陡峭且耗时巨大。这种两难选择导致用户要么接受低质量的静态截图或粗糙的屏幕录制,要么投入大量时间学习复杂工具。具体后果包括:视频制作效率低下、代码展示效果不佳影响观众理解、重复劳动增加心理负担。

Discussion

精选 Product Hunt 讨论

保留原始讨论语境,用来交叉验证上游条目的真实反馈。

Rendering animated code snippets with consistent syntax highlighting across multiple themes while keeping file sizes reasonable is genuinely non-trivial. We've used Carbon for static previews in docs but always hit a wall when we needed motion for demos. Is the animation rendering Canvas-based or CSS-driven? And how are you handling the export encoding pipeline to keep file sizes small?

评论作者信息不可用筛选:高信号评论0 votes查看原评论

Easy and nice to generate videos, I was always using static code snippets to share some code. One small thing I'd add is allowing to modify the angles typing it in the number, it would be easier to change to a specific angle if needed

评论作者信息不可用筛选:高信号评论0 votes查看原评论

This is really useful for YouTube creators who make coding tutorials — animated snippets look way better than static screenshots. Does it support exporting as GIF or only MP4?

评论作者信息不可用筛选:高信号评论0 votes查看原评论

beautiful

评论作者信息不可用筛选:高信号评论0 votes查看原评论
源数据· Raw Archive
source
Product Hunt
upstream_source
producthunt_api
upstream_item_id
1154329
daily_ranking_item_id
740d85fd-ea74-4361-b23a-c3a878f98bda
rank_date
2026-05-27
rank
8
name
Layers
tagline
Create beautiful animated code snippet videos for free
description
Layers is a free web-based tool that empowers anyone to create beautiful, animated code snippet videos. Inspired by sites like Carbon, Layers features a customizable code editor, support for popular languages, various aspect ratios, and texture super sampling for high-resolution animations. With Layers, you can also adjust the orientation and perspective of your code snippets, allowing for dramatic compositions that can be used for more advanced editing, motion graphics, and content creation.
maker_comment
<p>Hello again!<br><br>I built Layers to solve a problem I often face in video editing (especially for tech-related content) - having to screen-cap code editors or animating them from scratch. <br><br>Screen-capping is quick, but requires manual typing (which comes with a lot of retries). Traditional motion graphics approach (like After Effects) is high-fidelity but comes with a steep learning curve (an lots of time!). I built Layers to empower anyone to produce high-fidelity, animated code snippets in a matter of seconds.<br><br>Layers gives you control over the code editor style, handles the animation of typing code (characters per second and delay), and gives you background colour options depending on your use case (keying, cropping, or quick posting to social).<br><br>Layers is free, and will always be free.<br><br>I plan to add features over time, but would love to hear from others how I might be able to improve the overall utility. Right now, Layers is designed for desktops, as I figured that is where the majority of this kind of work is done, but if there is interest in a mobile version I will put it on the roadmap :)</p>
votes_count
104
comments_count
13
reviews_count
0
featured_at
2026-05-27T07:01:00.000Z
created_at_on_source
2026-05-27T07:01:00.000Z
makers
item-1
topics
Developer ToolsAnimationVideo
media / source-specific data
[
  {
    "url": "https://ph-files.imgix.net/3b0d9bf7-76b3-432f-84be-2a2602adce86.png?auto=format",
    "type": "image",
    "videoUrl": null
  },
  {
    "url": "https://ph-files.imgix.net/dbc933a6-481b-4d4d-adaa-1dce9b08b37e.png?auto=format",
    "type": "image",
    "videoUrl": null
  },
  {
    "url": "https://ph-files.imgix.net/2f9e5bef-08d0-42b3-912f-be77c46278ee.png?auto=format",
    "type": "image",
    "videoUrl": null
  },
  {
    "url": "https://ph-files.imgix.net/b1c69c46-5a2a-48e8-9fac-d06c3785adf8.png?auto=format",
    "type": "image",
    "videoUrl": null
  },
  {
    "url": "https://ph-files.imgix.net/9261cf24-9371-4a6e-aa57-eff8f389b6e9.png?auto=format",
    "type": "image",
    "videoUrl": null
  },
  {
    "url": "https://ph-files.imgix.net/4d94e061-a04c-4dda-9ef5-c52380cf12c9.png?auto=format",
    "type": "image",
    "videoUrl": null
  },
  {
    "url": "https://ph-files.imgix.net/8481edfd-738b-4406-b539-7196becc8bab.jpeg?auto=format",
    "type": "video",
    "videoUrl": "https://youtu.be/nkVtFL3Q-GY"
  }
]
raw_payload
{
  "post_id": "1154329",
  "fetched_at": "2026-05-27T22:00:02.222Z",
  "has_post_detail": true,
  "snapshot_version": "producthunt_v1",
  "has_maker_comment": true,
  "maker_comment_source": "maker_match",
  "comments_fetch_status": "ok",
  "selected_comment_count": 5
}
source_raw_snapshot
{
  "id": "0cdc97ea-6dad-4e33-935e-91abed9889b5",
  "daily_ranking_item_id": "740d85fd-ea74-4361-b23a-c3a878f98bda",
  "source": "producthunt_api",
  "product_hunt_id": "1154329",
  "fetched_at": "2026-05-27T22:00:02.222Z",
  "post_raw": {
    "id": "1154329",
    "url": "https://www.producthunt.com/products/layers-8?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
    "name": "Layers",
    "media": [
      {
        "url": "https://ph-files.imgix.net/3b0d9bf7-76b3-432f-84be-2a2602adce86.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/dbc933a6-481b-4d4d-adaa-1dce9b08b37e.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/2f9e5bef-08d0-42b3-912f-be77c46278ee.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/b1c69c46-5a2a-48e8-9fac-d06c3785adf8.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/9261cf24-9371-4a6e-aa57-eff8f389b6e9.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/4d94e061-a04c-4dda-9ef5-c52380cf12c9.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/8481edfd-738b-4406-b539-7196becc8bab.jpeg?auto=format",
        "type": "video",
        "videoUrl": "https://youtu.be/nkVtFL3Q-GY"
      }
    ],
    "tagline": "Create beautiful animated code snippet videos for free",
    "thumbnail": {
      "url": "https://ph-files.imgix.net/7d7ff010-238b-42d5-8bb2-99ad3b2f0bcd.png?auto=format"
    },
    "votesCount": 104,
    "description": "Layers is a free web-based tool that empowers anyone to create beautiful, animated code snippet videos. Inspired by sites like Carbon, Layers features a customizable code editor, support for popular languages, various aspect ratios, and texture super sampling for high-resolution animations. With Layers, you can also adjust the orientation and perspective of your code snippets, allowing for dramatic compositions that can be used for more advanced editing, motion graphics, and content creation."
  },
  "post_detail_raw": {
    "id": "1154329",
    "slug": "layers-088cffbe-0668-440e-a66d-5e877f30cffa",
    "user": {
      "id": "8881387",
      "url": "https://www.producthunt.com/@sebastianko?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "name": "Sebastian Ko",
      "headline": "Co-founder of Magic Translate",
      "username": "sebastianko",
      "websiteUrl": null,
      "profileImage": "https://ph-avatars.imgix.net/8881387/original.jpeg?auto=format&crop=faces&fit=crop&h=original&w=original",
      "twitterUsername": null
    },
    "media": [
      {
        "url": "https://ph-files.imgix.net/3b0d9bf7-76b3-432f-84be-2a2602adce86.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/dbc933a6-481b-4d4d-adaa-1dce9b08b37e.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/2f9e5bef-08d0-42b3-912f-be77c46278ee.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/b1c69c46-5a2a-48e8-9fac-d06c3785adf8.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/9261cf24-9371-4a6e-aa57-eff8f389b6e9.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/4d94e061-a04c-4dda-9ef5-c52380cf12c9.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/8481edfd-738b-4406-b539-7196becc8bab.jpeg?auto=format",
        "type": "video",
        "videoUrl": "https://youtu.be/nkVtFL3Q-GY"
      }
    ],
    "makers": [
      {
        "id": "0",
        "url": "[REDACTED]",
        "name": "[REDACTED]",
        "headline": null,
        "username": "[REDACTED]",
        "websiteUrl": null,
        "profileImage": null,
        "twitterUsername": null
      }
    ],
    "topics": {
      "edges": [
        {
          "node": {
            "id": "267",
            "name": "Developer Tools",
            "slug": "developer-tools"
          }
        },
        {
          "node": {
            "id": "811",
            "name": "Animation",
            "slug": "animation"
          }
        },
        {
          "node": {
            "id": "857",
            "name": "Video",
            "slug": "video"
          }
        }
      ]
    },
    "website": "https://www.producthunt.com/r/YCFWJBKFHOTBKL?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
    "createdAt": "2026-05-27T07:01:00Z",
    "dailyRank": 8,
    "thumbnail": {
      "url": "https://ph-files.imgix.net/7d7ff010-238b-42d5-8bb2-99ad3b2f0bcd.png?auto=format",
      "type": "image",
      "videoUrl": null
    },
    "featuredAt": "2026-05-27T07:01:00Z",
    "weeklyRank": 37,
    "yearlyRank": null,
    "monthlyRank": 737,
    "scheduledAt": "2026-05-27T07:01:00Z",
    "productLinks": [
      {
        "url": "https://www.producthunt.com/r/YCFWJBKFHOTBKL?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
        "type": "Website"
      }
    ],
    "reviewsCount": 0,
    "commentsCount": 13,
    "reviewsRating": 0
  },
  "maker_comment_raw": {
    "id": "5404059",
    "url": "https://www.producthunt.com/products/layers-8?comment=5404059&utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
    "body": "<p>Hello again!<br><br>I built Layers to solve a problem I often face in video editing (especially for tech-related content) - having to screen-cap code editors or animating them from scratch. <br><br>Screen-capping is quick, but requires manual typing (which comes with a lot of retries). Traditional motion graphics approach (like After Effects) is high-fidelity but comes with a steep learning curve (an lots of time!). I built Layers to empower anyone to produce high-fidelity, animated code snippets in a matter of seconds.<br><br>Layers gives you control over the code editor style, handles the animation of typing code (characters per second and delay), and gives you background colour options depending on your use case (keying, cropping, or quick posting to social).<br><br>Layers is free, and will always be free.<br><br>I plan to add features over time, but would love to hear from others how I might be able to improve the overall utility. Right now, Layers is designed for desktops, as I figured that is where the majority of this kind of work is done, but if there is interest in a mobile version I will put it on the roadmap :)</p>",
    "user": {
      "id": "8881387",
      "url": "[REDACTED]",
      "name": "[REDACTED]",
      "headline": null,
      "username": "[REDACTED]",
      "profile_url": "[REDACTED]",
      "website_url": null,
      "profile_image": null,
      "twitter_username": null
    },
    "user_id": "8881387",
    "is_maker": true,
    "parent_id": null,
    "created_at": "2026-05-27T00:51:48Z",
    "replies_raw": [],
    "votes_count": 2
  },
  "selected_comments_raw": [
    {
      "id": "5404059",
      "url": "https://www.producthunt.com/products/layers-8?comment=5404059&utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "body": "<p>Hello again!<br><br>I built Layers to solve a problem I often face in video editing (especially for tech-related content) - having to screen-cap code editors or animating them from scratch. <br><br>Screen-capping is quick, but requires manual typing (which comes with a lot of retries). Traditional motion graphics approach (like After Effects) is high-fidelity but comes with a steep learning curve (an lots of time!). I built Layers to empower anyone to produce high-fidelity, animated code snippets in a matter of seconds.<br><br>Layers gives you control over the code editor style, handles the animation of typing code (characters per second and delay), and gives you background colour options depending on your use case (keying, cropping, or quick posting to social).<br><br>Layers is free, and will always be free.<br><br>I plan to add features over time, but would love to hear from others how I might be able to improve the overall utility. Right now, Layers is designed for desktops, as I figured that is where the majority of this kind of work is done, but if there is interest in a mobile version I will put it on the roadmap :)</p>",
      "user": {
        "id": "8881387",
        "url": "[REDACTED]",
        "name": "[REDACTED]",
        "headline": null,
        "username": "[REDACTED]",
        "profile_url": "[REDACTED]",
        "website_url": null,
        "profile_image": null,
        "twitter_username": null
      },
      "user_id": "8881387",
      "is_maker": true,
      "parent_id": null,
      "created_at": "2026-05-27T00:51:48Z",
      "replies_raw": [],
      "votes_count": 2,
      "selection_score": 400,
      "selection_reason": "maker_comment"
    },
    {
      "id": "5405608",
      "url": "https://www.producthunt.com/products/layers-8?comment=5405608&utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "body": "<p>Rendering animated code snippets with consistent syntax highlighting across multiple themes while keeping file sizes reasonable is genuinely non-trivial. We've used Carbon for static previews in docs but always hit a wall when we needed motion for demos. Is the animation rendering Canvas-based or CSS-driven? And how are you handling the export encoding pipeline to keep file sizes small?</p>",
      "user": {
        "id": "9825328",
        "url": "[REDACTED]",
        "name": "[REDACTED]",
        "headline": null,
        "username": "[REDACTED]",
        "profile_url": "[REDACTED]",
        "website_url": null,
        "profile_image": null,
        "twitter_username": null
      },
      "user_id": "9825328",
      "is_maker": false,
      "parent_id": null,
      "created_at": "2026-05-27T12:27:02Z",
      "replies_raw": [],
      "votes_count": 0,
      "selection_score": 396,
      "selection_reason": "body_signal_score"
    },
    {
      "id": "5405644",
      "url": "https://www.producthunt.com/products/layers-8?comment=5405644&utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "body": "<p>Easy and nice to generate videos, I was always using static code snippets to share some code. One small thing I'd add is allowing to modify the angles typing it in the number, it would be easier to change to a specific angle if needed</p>",
      "user": {
        "id": "9444665",
        "url": "[REDACTED]",
        "name": "[REDACTED]",
        "headline": null,
        "username": "[REDACTED]",
        "profile_url": "[REDACTED]",
        "website_url": null,
        "profile_image": null,
        "twitter_username": null
      },
      "user_id": "9444665",
      "is_maker": false,
      "parent_id": null,
      "created_at": "2026-05-27T12:46:45Z",
      "replies_raw": [],
      "votes_count": 0,
      "selection_score": 241,
      "selection_reason": "body_signal_score"
    },
    {
      "id": "5405709",
      "url": "https://www.producthunt.com/products/layers-8?comment=5405709&utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "body": "<p>This is really useful for YouTube creators who make coding tutorials — animated snippets look way better than static screenshots. Does it support exporting as GIF or only MP4?</p><p></p>",
      "user": {
        "id": "9856367",
        "url": "[REDACTED]",
        "name": "[REDACTED]",
        "headline": null,
        "username": "[REDACTED]",
        "profile_url": "[REDACTED]",
        "website_url": null,
        "profile_image": null,
        "twitter_username": null
      },
      "user_id": "9856367",
      "is_maker": false,
      "parent_id": null,
      "created_at": "2026-05-27T13:14:14Z",
      "replies_raw": [],
      "votes_count": 0,
      "selection_score": 189,
      "selection_reason": "body_signal_score"
    },
    {
      "id": "5404791",
      "url": "https://www.producthunt.com/products/layers-8?comment=5404791&utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "body": "<p>beautiful</p>",
      "user": {
        "id": "5329602",
        "url": "[REDACTED]",
        "name": "[REDACTED]",
        "headline": null,
        "username": "[REDACTED]",
        "profile_url": "[REDACTED]",
        "website_url": null,
        "profile_image": null,
        "twitter_username": null
      },
      "user_id": "5329602",
      "is_maker": false,
      "parent_id": null,
      "created_at": "2026-05-27T08:51:34Z",
      "replies_raw": [],
      "votes_count": 0,
      "selection_score": 16,
      "selection_reason": "body_signal_score"
    }
  ],
  "topics_raw": [
    {
      "id": "267",
      "name": "Developer Tools",
      "slug": "developer-tools"
    },
    {
      "id": "811",
      "name": "Animation",
      "slug": "animation"
    },
    {
      "id": "857",
      "name": "Video",
      "slug": "video"
    }
  ],
  "makers_raw": [
    {
      "id": "0",
      "url": "[REDACTED]",
      "name": "[REDACTED]",
      "headline": null,
      "username": "[REDACTED]",
      "profileUrl": "[REDACTED]",
      "websiteUrl": null,
      "profileImage": null,
      "twitterUsername": null
    }
  ],
  "launch_metadata_raw": {
    "slug": "layers-088cffbe-0668-440e-a66d-5e877f30cffa",
    "daily_rank": 8,
    "featured_at": "2026-05-27T07:01:00Z",
    "website_url": "https://www.producthunt.com/r/YCFWJBKFHOTBKL?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
    "weekly_rank": 37,
    "yearly_rank": null,
    "monthly_rank": 737,
    "scheduled_at": "2026-05-27T07:01:00Z",
    "reviews_rating": 0,
    "created_at_on_product_hunt": "2026-05-27T07:01:00Z"
  },
  "stats_raw": {
    "votes_count": 104,
    "reviews_count": 0,
    "comments_count": 13,
    "reviews_rating": 0
  },
  "aux_raw": {
    "media_extended": [
      {
        "url": "https://ph-files.imgix.net/3b0d9bf7-76b3-432f-84be-2a2602adce86.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/dbc933a6-481b-4d4d-adaa-1dce9b08b37e.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/2f9e5bef-08d0-42b3-912f-be77c46278ee.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/b1c69c46-5a2a-48e8-9fac-d06c3785adf8.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/9261cf24-9371-4a6e-aa57-eff8f389b6e9.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/4d94e061-a04c-4dda-9ef5-c52380cf12c9.png?auto=format",
        "type": "image",
        "videoUrl": null
      },
      {
        "url": "https://ph-files.imgix.net/8481edfd-738b-4406-b539-7196becc8bab.jpeg?auto=format",
        "type": "video",
        "videoUrl": "https://youtu.be/nkVtFL3Q-GY"
      }
    ],
    "submitter_user": {
      "id": "8881387",
      "url": "https://www.producthunt.com/@sebastianko?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "name": "Sebastian Ko",
      "headline": "Co-founder of Magic Translate",
      "username": "sebastianko",
      "profileUrl": "https://www.producthunt.com/@sebastianko?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "websiteUrl": null,
      "profileImage": "https://ph-avatars.imgix.net/8881387/original.jpeg?auto=format&crop=faces&fit=crop&h=original&w=original",
      "twitterUsername": null
    },
    "presentation_only": {
      "thumbnail_url": "https://ph-files.imgix.net/7d7ff010-238b-42d5-8bb2-99ad3b2f0bcd.png?auto=format",
      "product_hunt_url": "https://www.producthunt.com/products/layers-8?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
      "product_hunt_slug": "layers-088cffbe-0668-440e-a66d-5e877f30cffa"
    },
    "unused_upstream_fields": {
      "post_aux": {},
      "comments_aux": {},
      "post_detail_aux": {
        "media_raw": [
          {
            "url": "https://ph-files.imgix.net/3b0d9bf7-76b3-432f-84be-2a2602adce86.png?auto=format",
            "type": "image",
            "videoUrl": null
          },
          {
            "url": "https://ph-files.imgix.net/dbc933a6-481b-4d4d-adaa-1dce9b08b37e.png?auto=format",
            "type": "image",
            "videoUrl": null
          },
          {
            "url": "https://ph-files.imgix.net/2f9e5bef-08d0-42b3-912f-be77c46278ee.png?auto=format",
            "type": "image",
            "videoUrl": null
          },
          {
            "url": "https://ph-files.imgix.net/b1c69c46-5a2a-48e8-9fac-d06c3785adf8.png?auto=format",
            "type": "image",
            "videoUrl": null
          },
          {
            "url": "https://ph-files.imgix.net/9261cf24-9371-4a6e-aa57-eff8f389b6e9.png?auto=format",
            "type": "image",
            "videoUrl": null
          },
          {
            "url": "https://ph-files.imgix.net/4d94e061-a04c-4dda-9ef5-c52380cf12c9.png?auto=format",
            "type": "image",
            "videoUrl": null
          },
          {
            "url": "https://ph-files.imgix.net/8481edfd-738b-4406-b539-7196becc8bab.jpeg?auto=format",
            "type": "video",
            "videoUrl": "https://youtu.be/nkVtFL3Q-GY"
          }
        ],
        "thumbnail_raw": {
          "url": "https://ph-files.imgix.net/7d7ff010-238b-42d5-8bb2-99ad3b2f0bcd.png?auto=format",
          "type": "image",
          "videoUrl": null
        },
        "presentation_only": {
          "product_hunt_slug": "layers-088cffbe-0668-440e-a66d-5e877f30cffa"
        },
        "product_links_raw": [
          {
            "url": "https://www.producthunt.com/r/YCFWJBKFHOTBKL?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
            "type": "Website"
          }
        ],
        "submitter_user_raw": {
          "id": "8881387",
          "url": "https://www.producthunt.com/@sebastianko?utm_campaign=producthunt-api&utm_medium=api-v2&utm_source=Application%3A+jingx+%28ID%3A+278031%29",
          "name": "Sebastian Ko",
          "headline": "Co-founder of Magic Translate",
          "username": "sebastianko",
          "websiteUrl": null,
          "profileImage": "https://ph-avatars.imgix.net/8881387/original.jpeg?auto=format&crop=faces&fit=crop&h=original&w=original",
          "twitterUsername": null
        },
        "unused_upstream_fields": {}
      }
    }
  },
  "selection_meta": {
    "scoring_basis": "maker first, then non-maker body signal score with original order tie-break",
    "first_comment_id": "5405709",
    "comments_strategy": "maker_plus_top_discussion",
    "detail_fetch_status": "ok",
    "top_candidate_count": 5,
    "maker_comment_source": "maker_match",
    "comments_fetch_status": "ok",
    "dropped_comment_count": 0,
    "comments_fetched_limit": 25,
    "newest_candidate_count": 5,
    "selected_comment_count": 5,
    "candidate_comment_count": 5,
    "selected_comment_reasons": [
      {
        "id": "5404059",
        "score": 400,
        "reason": "maker_comment"
      },
      {
        "id": "5405608",
        "score": 396,
        "reason": "body_signal_score"
      },
      {
        "id": "5405644",
        "score": 241,
        "reason": "body_signal_score"
      },
      {
        "id": "5405709",
        "score": 189,
        "reason": "body_signal_score"
      },
      {
        "id": "5404791",
        "score": 16,
        "reason": "body_signal_score"
      }
    ]
  },
  "created_at": "2026-05-27T22:00:07.157Z",
  "updated_at": "2026-05-27T22:00:07.157Z"
}