---
title: "Bundling TinyMCE themes using module loading"
description: "Information on bundling TinyMCE themes using module loading"
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/bundling-themes/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/bundling-themes/index.md"
version: "latest"
last_updated: "2025-12-10T03:38:03Z"
tokens: 298
---
# Bundling TinyMCE themes using module loading

## File structure

This section shows the files required for each TinyMCE theme. The file paths shown are relative to the root TinyMCE package directory, where `tinymce.min.js` is stored. For example:

```
./
├── icons/
├── langs/
├── license.txt
├── models/
├── plugins/
├── readme.txt
├── skins/
├── themes/
├── tinymce.d.ts
├── tinymce.js
├── tinymce.min.js
└── version.txt
```
The following table shows examples of the syntax used to bundle the silver theme:

```
./themes/silver/theme.js
```
Example syntax for including the silver theme in a bundle:

**Module Syntax:** ES6+ · **Source:** npm

**Example:**

```js
import 'tinymce/themes/silver';
```
**Module Syntax:** ES6+ · **Source:** `.zip`

**Example:**

```js
import '../tinymce/themes/silver/theme';
```
**Module Syntax:** Common JS · **Source:** npm

**Example:**

```js
require('tinymce/themes/silver');
```
**Module Syntax:** Common JS · **Source:** `.zip`

**Example:**

```js
require('../tinymce/themes/silver/theme.js');
```
Default theme (silver)
```
./themes/silver/theme.js
```