{"repo":"scorpio-99/payload-better-preview","free":true,"listed":false,"github":"https://github.com/scorpio-99/payload-better-preview","clone":"git clone https://github.com/scorpio-99/payload-better-preview.git","description":"Better live preview for Payload CMS — hover highlighting with block identification, bi-directional admin/preview sync, and smooth transitions.","language":"TypeScript","stars":14,"topics":["payload-plugin","payload","payloadcms","columns","lexical","lexical-editor","preview","sync","block","blocks"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"payload-better-preview ⚠️ Consider using the successor payload-better-editor . It offers the same as this plugin, but also adds a side-by-side overlay with a sidebar of native Payload fields, viewport switching (Desktop / Tablet / Mobile / Responsive / Fullscreen), undo/redo, in-sidebar block actions (move, duplicate, add-below, delete), drag-resizable sidebar, an interact mode for clicks inside the preview, and a BetterEditorSettings global so admins can tune sidebar position, hover colours, and breakpoints live without a re-deploy. Better live preview for Payload CMS — hover highlighting with block identification, bi-directional admin/preview sync, and smooth transitions. Found a bug? Please open an issue with steps to reproduce, your Payload version, and a minimal example. PRs welcome too. Features Hover Highlighting Blue overlay marks the block under the cursor with a label badge showing block type, index, and name. Nested blocks get a dashed parent overlay with breadcrumb labels. Admin → Preview Sync Click a block row in the admin editor — the preview scrolls to that block and highlights it with a flash effect. Preview → Admin Sync Click a block in the preview — the admin editor scrolls to the corresponding block row, expands it if collapsed (including all ancestor rows for nested blocks), and highlights it. Other - Draft-only — Zero impact on published pages - Scroll/Resize tracking — Overlay follows block position smoothly - Infinite nesting — Bi-directional sync works","default_branch":null,"files":null,"tree":[],"storefront":"/r/scorpio-99","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/scorpio-99/payload-better-preview/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}