👉 Visit the DatoCMS homepage or see What is DatoCMS?
This repository provides examples of real DatoCMS plugins developed using the official DatoCMS Plugins SDK.
- AI Asset Source: Media Area asset source that generates images from a prompt with OpenAI or Google models and uploads the ones you pick.
- AI Translations: Translate field values, entire records, and full bulk batches using DeepL, OpenAI, Anthropic, or Yandex.
- All Records Viewer: One paginated table of records from every model, with search, filters, and bulk publish, unpublish, delete, or move to a workflow stage.
- Alt Text AI: Generate alt text for images from file and gallery fields or the Media Area, using AltText.ai, OpenAI, Anthropic Claude, or Google Gemini.
- Asset Localization Checker: Field add-on, auto-attached to single-asset fields, that flags which locales are missing alt or title text (asset defaults and field overrides).
- Asset Optimization: Bulk-optimize every project upload through Imgix transformations (format, max width, quality, lossless, etc.) with a preview-only dry run.
- Automatic Environment Backups: Rotating daily, weekly, bi-weekly, or monthly backups of your primary environment as sandbox forks, run by a scheduler you deploy to Vercel, Netlify, or Cloudflare.
- Block to Links: Convert a block model into a regular model, migrating every block instance into a record and turning the fields that embedded it into links.
- Broken Link Checker: Scan the whole project for broken links (with CSV export), or check a single record, unsaved changes included, from its sidebar.
- Bulk Change Author: Bulk action that reassigns the creator on every selected record from the collection view.
- Centra: Pick Centra products, variants, and SKU/size items in a JSON field, storing stable IDs and showing live catalog data.
- Character Counter: Auto-attaches to any field with a length validator and shows live character, word, and readability stats.
- Conditional Fields: Show or hide one or more target fields based on the value of a boolean source field, with optional inversion.
- Content Calendar: Calendar view of records (publish date, schedule, last-updated, creation date) inside the DatoCMS dashboard.
- Copy Links: Copy and paste linked records between single-link and multiple-links fields without leaving the record editor.
- Dato Agent (Beta): Natural-language agent (OpenAI or Anthropic) that explains the project, finds and opens records, and prepares content changes for approval via the DatoCMS MCP server.
- Delete Asset from Other Environments: Special-purpose upload sidebar panel that deletes an asset's unused copies in every other environment, so it can be fully evicted from the CDN.
- Delete Assets Option: When deleting records, prompt the editor to also delete the assets they referenced.
- Delete Unused Assets: Scan for uploads no record uses, review the list, and delete the ones you select.
- Disabled Field: Field add-on that disables any field, turning it into a read-only display in the record editor.
- Find and Replace: Search every text field across the project's records, preview each replacement, and apply and publish the ones you keep.
- Scroll to Field: (Formerly Field Anchor Menu) Sidebar table of contents that lists every field in the record form and scrolls to them on click.
- Schema Import/Export: Export models and blocks (plus the plugins their fields use) as JSON and import them into another project or environment, resolving each conflict before anything is created.
- Inverse Relationships: Sidebar panel that lists every record linking back to the current one (e.g., posts by an author).
- Locale Duplicate: Copy content between locales — at the field level on a single record, or across many records and models at once.
- Lorem Ipsum Generator: Field dropdown action that generates dummy text tuned to the field's editor (string, Markdown, WYSIWYG, Structured Text).
- Media Layouts: Visual gallery and layout builder for collections of media, stored as JSON (single, multiple, or grid/masonry layouts).
- Notes: Post-it style sticky notes for editors, attached to a JSON sidebar field on configured models.
- Project Exporter: Export an environment as a DatoCMS CLI-compatible project dump, or records as JSON, CSV, XML, or XLSX and assets as a ZIP, from the browser.
- Workflow Stage View: Cross-model table of every record in a workflow stage, pinned to the content sidebar, with bulk publish, unpublish, delete, and move.
- Prompt Dato: AI chat sidebar in the record editor (OpenAI, Anthropic, or Google) that carries out project operations through the hosted DatoCMS MCP server.
- Record Auto-save: Periodically auto-save the record being edited on configured models, with optional debounce and notifications.
- Record Bin: Keeps a restorable copy of every deleted record in a "Record Bin" model, with an optional serverless function to also catch API deletions.
- Record Comments: Leave threaded comments under a record so collaborators can discuss content in place, with optional realtime updates.
- Rich Text TinyMCE: TinyMCE-powered rich-text editor for multi-paragraph (
text) fields. - Schema ERD: Visualize the project schema as a Graphviz ER diagram and export it as SVG or DOT.
- SEO Readability Analysis: Runs YoastSEO.js SEO and readability analysis against your live frontend on every record edit.
- Shopify Product: Pick Shopify products, variants, or collections in a string or JSON field, storing a stable reference your frontend resolves live.
- Slug Redirects: Automatically log slug changes to a singleton model so your frontend can serve 301 redirects from old URLs.
- Star Rating Editor: Render integer fields as configurable star-rating widgets.
- Table Editor: Transform any JSON field into a structured table editor with named columns and rows.
- Tag Editor: Transform any string or JSON field into a tag/chip editor with auto-apply rules.
- Tile Picker: Replace a string field with a visual grid or carousel of color swatches and image tiles, with reusable global presets.
- Todo List: JSON-field-backed todo list editor — add tasks, mark complete, reorder, hide/show completed.
- Tree-like Slugs: Slug field add-on that propagates parent slug changes to all descendant records.
- Unsplash: Asset source that imports Unsplash images (with author and credit metadata) directly into Media.
- Web Previews: Preview links and an inline iframe preview in the record sidebar, plus a full-screen Visual tab with click-to-edit overlays, across multiple frontends.
- Yandex Translate: Translate fields via Yandex Translate, manually from a dropdown or via auto-apply rules on field API keys.
- Zoned Datetime Picker: Datetime picker with an explicit IANA timezone selection, stored as a structured JSON field.
DatoCMS is Headless CMS for the modern web. Trusted by 25,000+ businesses, agencies, and individuals, it gives your team one place to manage content and ship it to any website, app, or device via API.
New here? Start with Create free account and the Documentation. Stuck? Ask the Community. Curious what's new? Product Updates.
Building with AI: Agent Skills turn coding assistants (Claude Code, Cursor) into expert DatoCMS developers, with full read/write via the auto-installed CLI. No local terminal? Use the MCP Server instead.
Talking to DatoCMS from code:
- Content Delivery API (CDA) — the fast, read-only GraphQL API your website/app uses to fetch published content.
- Content Management API (CMA) — the REST API for creating and updating content, models, and project settings (think scripts, migrations, integrations).
- CLI — terminal tool for schema migrations and importing from Contentful/WordPress.
Framework guides: end-to-end recipes for fetching content, rendering Structured Text, optimizing images/video, handling SEO, and setting up live preview with visual editing in Next.js, Nuxt, Svelte, and Astro.
Want a head start? Browse our starter projects — ready-to-deploy example sites for popular frameworks.