Wonky.js

Make any page off-kilter! Drag your desired tilt amount to your bookmarks bar. Click to test on this page.

Subtle

Wonky

Medium

Wonky

A lot

Wonky

Break Everything

Wonky

Customize

Rotation range (e.g., 0.5 for -0.5 to 0.5 degrees):
Rotation increment (e.g., 0.1):

Code

javascript:(function() {
    const allElements = document.body.getElementsByTagName('*');
    for(let i = 0; i < allElements.length; i++) {
        const element = allElements[i];
        // random rotation degree between -0.5 and 0.5 in increments of 0.1
        const deg = (Math.floor(Math.random() * 11) - 5) / 10;
        element.style.transition = 'transform 0.5s ease';
        element.style.transform = 'rotate(' + deg + 'deg)';
        element.style["transform-origin"] = "50% 50%";
    }
})();