---
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/5/bundling-themes/index.md"
version: "5"
last_updated: "2024-04-09T09:35:32Z"
tokens: 407
---
Important This page documents TinyMCE 5. For new projects, Tiny recommends using the latest, most up-to-date version. [See TinyMCE 8 documentation](../../latest/bundling-themes/).
# Bundling TinyMCE themes using module loading

## Overview

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

```
./
├── icons/
├── jquery.tinymce.min.js
├── langs/
├── license.txt
├── 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
```
Mobile theme This theme was deprecated in TinyMCE 5.1. The default theme (silver) provides a better user experience on mobile compared to this deprecated theme. The `mobile` theme will be removed in TinyMCE 6.0.

```
./themes/mobile/theme.js
```