An inline editing layer for any website.
Click. Edit. Done.
No dashboards. No learning curve. Just click on any text and start typing. Your changes save automatically when you click away.
Add one script tag and mark editable regions with data attributes. Your HTML stays exactly as you wrote it—Pebble just makes it editable.
Mark content as editable in your HTML using data-pebble attributes.
<h1 data-pebble="title">Your Heading</h1>Upload the pebble folder to your server. Works anywhere, including subdirectories.
yoursite.com/pebble/Login via yoursite.com/#login, then click content to edit inline.
yoursite.com/#loginClick to edit. Changes save automatically. No forms, no preview buttons.
Click images to replace them. Click links to edit URLs. Same workflow.
Edit your header once, update it everywhere. Perfect for navigation and footers.
Every change creates a backup. Restore any previous version with one click.
See who changed what and when. Full edit history at a glance.
Your server, your data. No third-party services. No subscriptions.
Click "Try It Live" above, then interact with these demo elements. Changes reset when you exit.
Click to edit with formatting toolbar
This is a rich text zone. You can add formatting, create lists, and more.
Add or remove list items
Click to change the image
Add/remove nav items, edit each link
Download Pebble and add inline editing to your site in minutes. Free, self-hosted, no strings attached.