Modules

Spicetify exposes some modules via Spicetify object.

You can access them by typing Spicetify.<module name> in the DevTools console, inside your extension, or window.top.Spicetify.<module name> if you’re developing an app inside an iframe.

Utilizing these modules can help you create more powerful extensions without having to include the whole module in your extension.

Spicetify.React;

For usage of these modules, please refer to their official documentation.

React

React is a JavaScript library for building user interfaces. It is used by Spotify to build their UI.

Spicetify.React;

ReactDOM

ReactDOM is a package that provides DOM-specific methods that can be used at the top level of your app and as an escape hatch to get outside of the React model if you need to. It is used by Spotify to render React components to the DOM.

Spicetify.ReactDOM;

Tippy.js

Tippy.js is a highly customizable tooltip and popover library powered by Popper.

Spicetify.Tippy;

Mousetrap

Mousetrap is a simple library for handling keyboard shortcuts in JavaScript.

Spicetify.Mousetrap;

React Flip Toolkit

React Flip Toolkit is a collection of easy-to-use animation effects and utilities that can be used to enhance your React project.

Spicetify.ReactFlipToolkit;

React Query (v3)

React Query is a library for managing, caching, syncing, and refetching server state in React.

Spicetify.ReactQuery;

classnames

classnames is a simple JavaScript utility for conditionally joining class names together.

Spicetify.classnames;

Snackbar

Notistack is a JavaScript library for creating highly customizable notification snackbars (toasts) that can be stacked on top of each other.

Spicetify.Snackbar;