Get in touch

Back to HTML: Introducing Trimmings

Channel your energy

Get modern in-page interactions on your website with simple HTML.

Trimmings is a free, zero-configuration JavaScript library that adds a layer of smooth and fast in-page interaction to your web pages. All you have to do is add some hints to the HTML you already have. Once you’ve built your website and it’s serving HTML that’s presented the way you like it, you can start adding Trimmings hints (as data-* attributes) that enhance your page’s interactions.

Fotogram is an example app with in-page transitions and interactions made possible by Trimmings.

What’s Trimmings?

Trimmings provides a broad set of features that enable the most common interactions that aren’t possible with just HTML and CSS. Using a declarative syntax within your existing markup, Trimmings turns regular links and forms into modals, embeds, and more, without any custom JavaScript.

Trimmings provides a broad set of features that enable the most common interactions that aren’t possible with just HTML and CSS. Using a declarative syntax within your existing markup, Trimmings turns regular links and forms into modals, embeds, and more, without any custom JavaScript.