---
title: "User interface components"
description: "The configurable UI components available for customization."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/ui-components/"
md_url: "https://www.tiny.cloud/docs/tinymce/7/ui-components/index.md"
version: "7"
last_updated: "2024-04-09T09:02:56Z"
tokens: 330
---
Important This page documents TinyMCE 7. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/ui-components/).
# User interface components

- **[Toolbar buttons](../custom-toolbarbuttons/)** — Add a custom buttons to the TinyMCE toolbar.
- **[Custom menu items](../creating-custom-menu-items/)** — This section demonstrates different types of menu items.
- **[Dialog](../dialog/)** — An overview of TinyMCE dialogs and how to create custom dialogs.
- **[Dialog components](../dialog-components/)** — A reference list of all TinyMCE dialog components.
- **[URL dialog](../urldialog/)** — URL dialogs are a TinyMCE UI component used to display an external page.
- **[Autocompleter](../autocompleter/)** — Add a custom autocompleter to TinyMCE 7.
- **[Notifications](../creating-custom-notifications/)** — Learn how to make custom notifications.
- **[Sidebars](../customsidebar/)** — Introducing sidebar panel creation.
- **[Views](../custom-view/)** — How to create a custom view in TinyMCE.
- **[Context forms](../contextform/)** — Creating custom context forms for TinyMCE 7.
- **[Context menus](../contextmenu/)** — Creating custom context menus for TinyMCE 7.
- **[Context toolbars](../contexttoolbar/)** — Creating custom context toolbars for TinyMCE 7.