OpenTiny 6 examples

General examples

This table sets out the OpenTiny general working examples included in the OpenTiny documentation.

Basic working editor example.

Fully-featured editor example including all Open Source plugins.

Fully-featured editor example, including all Open Source plugins and almost all Premium plugins.

Working OpenTiny editor in Classic editor mode.

Working OpenTiny editor in Inline mode.

Working OpenTiny editor in Distraction-free mode.

Integration examples

This table sets out OpenTiny use-case–specific basic working examples included in the OpenTiny documentation.

Using OpenTiny to create re-usable and partially-editable templates.

Skins and Icons examples

This table sets out OpenTiny’s range of pre-made skins and icon packs included in the OpenTiny documentation.

Example form with colors, forms, and buttons to closely match the default Bootstrap framework UI.

Default OpenTiny skin without an outer border, ideal for "fullscreen" editing.

Microsoft design language-inspired Fabric skin with optional custom borders.

Microsoft design language-inspired Fluent skin with optional custom borders.

Icons from JAM icon library used with the Small skin.

Example form with classical Material Design components and Material Classic skin.

Example form with outlined Material Design components and Material Outline skin.

Clean and simple text input experience with Naked skin, no outer or toolbar borders.

Clean text input with Outside skin, border around editable area, small icon pack.

Smaller buttons using Small skin with smaller default icons.

Modern, lightweight editor with Snow skin, looks great with Thin icon pack.