10 مستودعات
Tools for creating visual transitions and motion effects.
Explore 10 awesome GitHub repositories matching part of an awesome list · Animation Plugins. Refine with filters or upvote what's useful.
fullPage.js is a JavaScript full-screen scrolling library and layout engine used to create websites composed of vertical sections and horizontal slides that snap to the viewport. It provides a system for organizing web content into full-screen pages with automatic snapping behavior. The library distinguishes itself through a WebGL transition framework and visual storytelling tools, enabling cinematic effects such as 3D rotations, parallax backgrounds, fading, and water distortion during navigation. It also features a responsive adaptation system that can switch from automatic snapping to stan
Framework for building full-screen scrolling websites.
tsparticles is a JavaScript particle engine and canvas visual effects toolkit used to create animated particle systems, interactive backgrounds, and web animations. It functions as a web animation library that provides a set of compatible wrappers for integration into React, Vue, Angular, and Svelte applications. The engine includes pre-built animation patterns for celebratory effects, such as confetti explosions and fireworks. It allows for the creation of custom JavaScript visualizations through a plugin system that enables the development of specialized shapes and behaviors. The toolkit s
Particle animation effects for web applications.
Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects, such as fades and zooms, between web pages. It functions as a DOM navigation animator that manages the timing and sequence of page removal and insertion to provide continuous movement between screens. The system operates as a page overlay animator, utilizing a coordinate-based slide controller to move covering elements across the screen in specific directions. These overlays mask background changes during transitions to maintain visual continuity. The framework leverages hardwar
Simple CSS-based page transition effects.
A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it.
Dynamic header switching based on scroll position.
Parallax.js
Scrolling effects for background elements.
Click effect inspired by Google's Material Design http://fian.my.id/Waves/
Material Design inspired click ripple effects.
A jQuery plugin that assists scrolling and snaps to sections. Touch optimised.
Scroll-snapping functionality for page sections.
Lightweight, simple to use jQuery plugin to animate SVG paths
Animation of SVG path elements.
fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect. Check out the Demo Bower? Me too :) fakeLoader.js is available as a Bower package. Just run bower install fakeloader
Animated loading screens and preloader overlays.
Material Design Preloader!s
Material Design style loading animations.