质量分 88Apuckeditor.com#coding#data#design#no-code

Puck - Create your own AI page builder:功能、适用场景与来源

Let your users generate, review, and refine production-ready interfaces inside your application with Puck.

访问官网

关于这个工具

Let your users generate, review, and refine production-ready interfaces inside your application with Puck. 主要功能:" } } } } Further reading Model configuration Headless generation ai、} Customizing design behavior You can configure design behavior using ai、// { root: { props: { title: "Cats: Man's Best Friend" } }, content: [] } Generate with design mode Set mode to "design" to let the agent create new component types, as described in design mode、、01Build Build on-brand experiences with a WYSIWYG editor for React、1 Further reading puckHandler API reference generate API reference chat API reference Previous Headless Generation Next Composition、13 introduces some of our most powerful APIs yet, enabling completely custom interfaces, adding support for object fields and mechanisms to restrict DropZones、14 introduces the long awaited viewport switching feature, with drag-and-drop-friendly iframe rendering for full CSS media query support。

典型场景
  • " } } } } Further reading Model configuration Headless generation ai
  • } Customizing design behavior You can configure design behavior using ai
  • // { root: { props: { title: "Cats: Man's Best Friend" } }, content: [] } Generate with design mode Set mode to "design" to let the agent create new component types, as described in design mode
  • <Puck plugins={[aiPlugin]} config={dynamicConfig} data={data} />
  • 01Build Build on-brand experiences with a WYSIWYG editor for React
  • 1 Further reading puckHandler API reference generate API reference chat API reference Previous Headless Generation Next Composition
  • 13 introduces some of our most powerful APIs yet, enabling completely custom interfaces, adding support for object fields and mechanisms to restrict DropZones
  • 14 introduces the long awaited viewport switching feature, with drag-and-drop-friendly iframe rendering for full CSS media query support

功能与使用场景

" } } } } Further reading Model configuration Headless generation ai} Customizing design behavior You can configure design behavior using ai// { root: { props: { title: "Cats: Man's Best Friend" } }, content: [] } Generate with design mode Set mode to "design" to let the agent create new component types, as described in design mode<Puck plugins={[aiPlugin]} config={dynamicConfig} data={data} />01Build Build on-brand experiences with a WYSIWYG editor for React1 Further reading puckHandler API reference generate API reference chat API reference Previous Headless Generation Next Composition13 introduces some of our most powerful APIs yet, enabling completely custom interfaces, adding support for object fields and mechanisms to restrict DropZones14 introduces the long awaited viewport switching feature, with drag-and-drop-friendly iframe rendering for full CSS media query support

使用分析

变现方式
  • 订阅制
成熟度信号
  • 开源
  • 公开 API
  • 模型家族
上手难度
  • 中

价格模式

价格模式

付费

低至

低至 US$199

定价验证于 2026年10月17日官方定价页

信息来源

每条档案都保留来源与最近验证时间。

相似工具

Manufact
manufact.com
92

Manufact 是一个面向 AI 工程师和开发者的平台,用于构建、部署和监控 MCP 服务器与应用。它提供分析、托管 OAuth 和自动流量捕获,帮助团队更快地交付 MCP 集成。

免费增值 · US$2+/月

打开详情
Docs by LangChain
docs.langchain.com
90

Deploy and manage agents with durable execution, real-time streaming, and horizontal scaling.

免费增值 · US$1+/月

打开详情
Pydantic AI
pydantic.dev
90

Pydantic AI 是 Pydantic 端到端 AI 工程栈中的智能体构建组件,帮助团队构建类型安全的 AI 智能体。

免费增值 · US$2+/月

打开详情
Cursor
cursor.com
90

Cursor 是一个 AI 驱动的编程平台,帮助开发者通过自主智能体构建软件。它支持桌面、网页和移动端,可在终端、Slack 和 GitHub 中运行。

付费 · US$8+/月

打开详情