Native-Like Animations for Page Transitions on the Web | CSS-Tricks
Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in mobile
Anime.js | JavaScript Animation Engine
A fast, multipurpose and lightweight JavaScript animation library
AutoAnimate - Add motion to your apps with a single line of code
A zero-config, drop-in animation utility that automatically adds smooth transitions to your web app. Use it with React, Solid, Vue, Svelte, or any other JavaScript application.
animate with dermot - home
animation and design tutorials, tradition hand-drawn, but also puppet based animation with Flash, AnimateCC, Harmony
Animated gif tools
Easy to use online animated GIF maker and image editor. Create, convert, crop, resize, reverse, optimize animated GIF, WebP, APNG files, images and videos.
Svelte-Motion
An animation library for Svelte apps based on Framer Motion.
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
Introducing Glide, an extensible, keyboard-focused web browser
A Firefox fork with a TypeScript config that lets you build anything.
Hyper-Frame - an iframe that can frame any website
Try the live console. Embed, navigate, automate, and capture pages through a remote browser-backed iframe.
Ori UI — Open-Source Animated Svelte UI Components
Free and open-source animated components and effects built with Svelte, Typescript, Tailwind CSS, and Animejs/Motion. Perfect companion for svelte-shadcn/ui.
Free Online GIF Maker — 70+ 3D Animations | 3D Gif Maker
Free online GIF maker — turn any image into an animated GIF in seconds. 70+ effects: 3D spins, explosions, waves, glitches, and more. No sign-up required.
HTML Can Do That
HTML has been gobbling up swathes of what used to be JavaScript’s remit. This page lists a bunch of dynamic functionality that we can now achieve with just HTML.
