Quality score 79puckeditor.com#coding#design#no-code#data

Puck - Create your own AI page builder: capabilities, use cases, and sources

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

Visit website

About this tool

Let your users generate, review, and refine production-ready interfaces inside your application with Puck. Key features: generate API reference, Generate experiences with Puck AIRead docs Puck AIModel ConfigurationModel Configuration By default, Puck AI uses models chosen based on their balance of cost and performance, See model availability for supported models, The default models Puck AI chooses a model based on the mode of each request: ModeDefault modelAssemblyopenai/gpt-5, Specify a model To use a different model, set the model parameter in the puckHandler: Copyconst handler = puckHandler(request, { ai: { model: "openai/gpt-5, model: Copyconst handler = puckHandler(request, { ai: { designMode: { allowed: true, model: "openai/gpt-5, You can also specify a model in the generate and chat APIs, Bring your own key Requires the Launch plan or above To run Puck AI on your own provider account, provide a providerApiKey alongside the model.

Use cases
  • generate API reference
  • Generate experiences with Puck AIRead docs Puck AIModel ConfigurationModel Configuration By default, Puck AI uses models chosen based on their balance of cost and performance
  • See model availability for supported models
  • The default models Puck AI chooses a model based on the mode of each request: ModeDefault modelAssemblyopenai/gpt-5
  • Specify a model To use a different model, set the model parameter in the puckHandler: Copyconst handler = puckHandler(request, { ai: { model: "openai/gpt-5
  • model: Copyconst handler = puckHandler(request, { ai: { designMode: { allowed: true, model: "openai/gpt-5
  • You can also specify a model in the generate and chat APIs
  • Bring your own key Requires the Launch plan or above To run Puck AI on your own provider account, provide a providerApiKey alongside the model

Features & use cases

generate API referenceGenerate experiences with Puck AIRead docs Puck AIModel ConfigurationModel Configuration By default, Puck AI uses models chosen based on their balance of cost and performanceSee model availability for supported modelsThe default models Puck AI chooses a model based on the mode of each request: ModeDefault modelAssemblyopenai/gpt-5Specify a model To use a different model, set the model parameter in the puckHandler: Copyconst handler = puckHandler(request, { ai: { model: "openai/gpt-5model: Copyconst handler = puckHandler(request, { ai: { designMode: { allowed: true, model: "openai/gpt-5You can also specify a model in the generate and chat APIsBring your own key Requires the Launch plan or above To run Puck AI on your own provider account, provide a providerApiKey alongside the model

Tech stack

Tailwind CSS

At a glance

Monetization
  • Subscription
Maturity signals
  • Open source
  • Public API
  • Model family
Learning curve
  • Medium

Sources

Every profile keeps its sources and latest verification date.
01https://puckeditor.com/docs/ai/design-mode