20 free Halloween micro-interactions: spooky micro-interactions for buttons, toggles, loaders, menus, 404 pages and forms, each a small live file you can drop into a site or app.
Updated November 2026
They are 20 small, ready-made micro-interactions for spooky season: a ghost toggle switch, a pumpkin like button, a spider loading animation, a graveyard 404 page, a bat menu, a crystal-ball notification and more. Each is a real ExodeUI file with its own states and triggers, so a tap or a hover does something on the first try. Open any of them in the editor to change the copy, colours and timing, or download the file and ship it as it is.
Swap your usual hero for the haunted door or the full moon switch for October, then switch back in November without a redeploy of your styles.
The cauldron add-to-cart, the coffin promo reveal and the trick-or-treat card turn a Halloween sale into something people actually click.
A graveyard 404 page or a lights-out empty state turns a dead end into a small moment of delight.
The spider loader, the slime progress bar and the bone skeleton screen keep people company while content loads.
Open in ExodeUInpm i exodeui.ExodeUICanvas. Taps and hovers work out of the box.import { ExodeUICanvas } from 'exodeui';
export function GhostToggle() {
return (
<ExodeUICanvas
src="/ui-gallery/files/ghost-toggle.bexode"
autoPlay
style={{ width: 400, height: 300 }}
/>
);
}