---
category: examples-builds
meta-title: Balloon editor example | CKEditor 5 Documentation
meta-description: Explore the balloon editor implementation with a floating toolbar for seamless inline content editing.
order: 30
toc: false
contributeUrl: false
classes: main__content--no-toc
---

# Balloon editor

The balloon editor type lets you create your content directly in its target location with the help of a balloon toolbar that appears next to the selected editable document element.

<info-box hint>
	Check out the [source code](https://github.com/ckeditor/ckeditor5-demos/tree/master/user-interface-balloon) of this editor preset or build your custom editor setup with our [interactive Builder](https://ckeditor.com/ckeditor-5/builder/?redirect=docs).
</info-box>

{@snippet examples/balloon-editor}
