Search Results for "button"

An easy, intuitive tool to make 2D hand-drawn animations. Lightweight and easy to use so you can focus on animating and not on what button to hit next. Seamlessly switch between raster and vector workflows, allowing you to sketch, ink & paint on the go. Pencil2D is cross-platform and runs on Windows, macOS, Linux & FreeBSD. Pencil2D is completely open source and free to use, even commercially.

Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. The hamburger button belongs inside the <nav> so that assistive technologies will be able to locate the navigation, and to allow these users to easily locatate the hamburger button, without having to search up and down the DOM, once they realize they've found themselves in an empty navigation. Animations use CSS3 3D transforms (translate3d whenever possible for GPU acceleration), which is supported by most browsers (not supported by IE9 and older and Opera Mini). ...

...The material stresses clarity and maintainability, showing how to structure styles so animations are easy to reason about and adjust. Throughout, examples demonstrate practical use cases like button feedback, content reveals, loaders, and micro-interactions that enhance user experience without overwhelming it. Performance considerations are discussed, including which properties animate cheaply and how to avoid jank with compositing-friendly transforms. By combining explanation with runnable examples, the resource helps designers and developers develop an intuition for motion that translates directly into everyday interfaces.

Animated UIButton of loading animation and transition animation. As you can see in the GIF animation demo, you can find the “sign in” button rolling and after that, the next UIViewController will fade in.

Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. ...

A digital animation tool for real-time generation and interpretation of images, video and visual effects, allowing the artist/operator to adjust, on the fly, the parameters of the effects according to his or her own sensibility.