by @Luke Jones.
by @Issara Willenskomer.
by @Molly Lafferty.
by @valhead.
by @Nick Babich.
by @PageCloud
@Adaptive Path.
@Sneha Munot.
@Rebecca Ussai Henderson.
@Tubik Studio.
by @Tubik Studio.
by @Thalion.
.
by @valhead.
by @valhead (unpublished yet).
by @UXPin.
by Mike Rundle.
by Smashing Magazine.
(:movie_camera: video)
(:movie_camera: video)
– Set of fun animations to make your project sexier.
– Animations by declared data-attributes.
– CSS and SVG animation library for modern browsers, performant and lightweight (3KB gzipped), making it particularly well-suited for mobile.
– Collections of CSS animations.
– Library for transition of blocks and popups.
Collection.
Lightweight JavaScript animation library.
– Library of animations.
– Lightweight graphics library with intuitive graphics API and SVG renderer.
– Tool for generate nice CSS keyframes animation from js easing function.
– Comparing animation techniques by showing how to bounce a ball with each one.
– Tool for easy and fast creating CSS3 keyframes animation.
– JavaScript library to create physics-based animations.
– Collections of UI animations.
– High-performance JavaScript library for animations & interfaces.
– Prototyping tool for designing UI, interaction and animation.
– Super fast physics simulations for JavaScript.
– Ultra high-performance, professional-grade animation for the modern web.
– Hover effects.
– High-performance interactions for mobile web.
– Collection.
– Tool for creating keyframes animation.
– Motion graphics toolbelt for the web.
– Transitions with custom easing functions.
– JavaScript motion engine that makes creating engaging user interactions quick and simple.
– JavaScript library for Processing visual programming language.
– Minimalistic animation library in JavaScript.
— JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM.
– Animated icons, symbols and buttons using SVG and CSS.
– Collection of buttons.
micro-animations icon library;
– Accelerated JavaScript animation.
– Allows you to animate SVGs, giving them the appearence of being drawn.
– Easy way to animate SVG images consisting of line, path, and polyline elements.
– Great (but old) infographic with libraries by used technology.
by Julien Tilly.
– A collection of mobile transitions and animations.
– Websites examples of designs with animation.
– Processing experiments by Dave Whyte.
– 3d and processing experiments by Charlie Deck.
– A collection of awesome mobile interfaces.
– HTML/CSS/JS sandbox.
– Interactive demos and experiments.
– CSS animated demos.
– Animated shots category on Dribbble.
– Visual chinatown by davidope.
by Yuri Vetrov.
– A curated gallery of Dribbble shots reworked as interactive CodePen pens.
– Experiments by @hakimel.
– A collection of interesting web sites curated by Animade studio.
– experiments by @michaelvillar (Stripe).
– Cinema4D and UI experiments.
by CodeDesign.
– Processing experiments by Paolo Zagreb.
– Interactive demos and experiments.
Animated interfaces and newsletter.
– Animations in software user interfaces.
by Matthieu Lerat.
by JRMY LFBV.
(:movie_camera: video).
.
– The industry-standard animation and creative compositing app lets you design and deliver professional motion graphics and visual effects for film, TV, video and web:
– App for creating HTML/CSS sites, banners, presentations etc:
– App for creating design, prototype and animation of websites and mobile apps (Preview version).
– Software for creating vector graphics, animations, games etc..
– Raster graphics editor that can also produce gif UI animations:
(:movie_camera: video).
– Web app for creating animations, banners, and infographics.
– MacOS app for presentations, but also great for high-fidelity animations and prototypes:
– MacOS app for create and edit motion graphics, titling for video production and film production, and 2D and 3D compositing for visual effects.
– A toolbox for interaction designers.
– Converter from AE to SVG/canvas.
– MacOS interaction design tool for any platform & device (Web, iOS, Android).
– App with a node-based visual programming language for prototyping apps by Google.
– MacOS app for prototyping animations by CoffeeScript programming language.
– HTML-based designs and motion graphics.
.
(:movie_camera: video).
.
(:movie_camera: video).
– A tool for creating modern UI by Facebook.
– Prototyping platform.
– MacOS app for create animated and interactive user interface designs.
.
– MacOS app with node-based visual programming language for prototyping MacOS/iOS apps:
– Animation tool for the web (unrealized yet).
– Converter from AE to iOS.
(:movie_camera: video).
– MacOS app for creating HTML/CSS sites, banners, presentations etc.
.
(:movie_camera: video).
.
(:movie_camera: video).
(:movie_camera: video).
(:movie_camera: video).
(:ru: Russian language).
.
(:movie_camera: video).
(:movie_camera: video).
(:movie_camera: video).
– Workshop on BlendConf 2014.
(:movie_camera: video).
(:movie_camera: video).
(:movie_camera: video).
(:movie_camera: video).
.
.
.
.
– Collection of articles and presentations about browser performance.