Update render script and Makefile

This commit is contained in:
Jonas Zeunert
2024-04-22 21:54:39 +02:00
parent 2d63fe63cd
commit 4d0cd768f7
10975 changed files with 47095 additions and 4031084 deletions

View File

@@ -1,11 +1,11 @@
 awesome-web-effect
 awesome-web-effect
!Awesome (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) (https://github.com/sindresorhus/awesome)
🚀 A series of exquisite and compact web page cool effects
It's like decorating a beautiful Christmas tree in a room. Sometimes a small web page with cool effects will make your project shine. This is a very fun series, I want to collect those cool effects that are 
common on the page.
It's like decorating a beautiful Christmas tree in a room. Sometimes a small web page with cool effects will make your project shine. This is a very fun series, I want to collect those cool 
effects that are common on the page.
Not limited to any framework (react, vue, angular, etc.), as long as the effect can be simply inserted into the page, you can send it to me, I like them and hope you like them too.
@@ -23,19 +23,20 @@
- jquery-bgswitcher (https://github.com/rewish/jquery-bgswitcher) - Switch the background-image with using effect.
- BackgroundScaleHoverEffect (https://github.com/codrops/BackgroundScaleHoverEffect) - Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.
- ImageGridMotionEffect (https://github.com/codrops/ImageGridMotionEffect) - A motion hover effect for a background grid of images..
- jquery.adaptive-backgrounds.js (https://github.com/briangonzalez/jquery.adaptive-backgrounds.js) - A simple jQuery plugin to extract the dominant color of an image and apply it to the background of its parent 
element.
- fixed-background-effect (https://github.com/CodyHouse/fixed-background-effect) - A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect.
- jquery-warpdrive-plugin (https://github.com/NiklasKnaack/jquery-warpdrive-plugin) - Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 canvas based warp 
drive/starfield effect.
- jquery.adaptive-backgrounds.js (https://github.com/briangonzalez/jquery.adaptive-backgrounds.js) - A simple jQuery plugin to extract the dominant color of an image and apply it to the 
background of its parent element.
- fixed-background-effect (https://github.com/CodyHouse/fixed-background-effect) - A simple template that takes advantage of the background-attachment CSS property to create a fixed 
background effect.
- jquery-warpdrive-plugin (https://github.com/NiklasKnaack/jquery-warpdrive-plugin) - Warp drive is a lightweight jQuery plugin that helps you create a cool, interactive, configurable, HTML5 
canvas based warp drive/starfield effect.
Mouse Effect
- mouse-particles (https://github.com/lindelof/react-mouse-particles) - AboutA mouse particle effect react component
- ImageTrailEffects (https://github.com/codrops/ImageTrailEffects) - A set of effects for mouse-following image trails that show a random series of images.
- webgl-mouseover-effects (https://github.com/akella/webgl-mouseover-effects) - Demos for the tutorial on how to achieve an interactive mouseover/hover effect
- cursor-effectss (https://github.com/tholman/cursor-effects) - Only 90's kids remember... well not really, but these beloved effects that would follow your mouse around will always be classic reminders of the 
old, beloved internet.
- cursor-effectss (https://github.com/tholman/cursor-effects) - Only 90's kids remember... well not really, but these beloved effects that would follow your mouse around will always be 
classic reminders of the old, beloved internet.
- mouse-text-shadow (https://github.com/Isa2008/mouse-text-shadow) - CSS shadow effect & JavaScript mouse move
- vuepress-plugin-cursor-effects (https://github.com/moefyit/vuepress-plugin-cursor-effects) - Add a cute click effect to your mouse in your vuepress!
- jquery-animate3d (https://github.com/putnamn21/jquery-animate3d) - jQuery plugin that gives elements a 3d mouse over effect
@@ -70,8 +71,8 @@
- FollowCursor (https://github.com/bersLucas/FollowCursor) - Rotate elements to create a following effect
- react-native-kenburns-view (https://github.com/nHiRanZ/react-native-kenburns-view) - KenBurns Image Effect for React Native Applications
- vintageJS (https://github.com/rendro/vintageJS) - Add a retro/vintage effect to images using the HTML5 canvas element
- ThumbnailGridExpandingPreview (https://github.com/codrops/ThumbnailGridExpandingPreview) - A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google 
Images.
- ThumbnailGridExpandingPreview (https://github.com/codrops/ThumbnailGridExpandingPreview) - A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect
seen on Google Images.
- gridder (https://github.com/oriongunning/gridder) - A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images..
- MotionTransitionEffect (https://github.com/codrops/MotionTransitionEffect) - A speedy motion transition effect for an image slideshow.
- tiltedpage_scroll (https://github.com/peachananr/tiltedpage_scroll) - Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin
@@ -99,13 +100,13 @@
- image-mask-effect (https://github.com/CodyHouse/image-mask-effect) - An immersive transition effect powered by image masks and CSS transforms.
- PageRevealEffects (https://github.com/codrops/PageRevealEffects) - Some ideas for modern multi-layer page transitions using CSS Animations.
- ngView-animation-effects (https://github.com/dfsq/ngView-animation-effects) - Demonstration of different animation effects with AngularJS ngView directive.
- WobblySlideshowEffect (https://github.com/codrops/WobblySlideshowEffect) - The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was made using Snap.svg 
and morphing SVG paths.
- WobblySlideshowEffect (https://github.com/codrops/WobblySlideshowEffect) - The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh's Dribbble shot and was 
made using Snap.svg and morphing SVG paths.
Rain & Snow
- RainEffect (https://github.com/codrops/RainEffect) - Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.
- aframe-rain (https://github.com/takahirox/aframe-rain) - aframe-rain is Rainfall effect component for A-Frame which displays a lot of rain drop/splash objects by using instancing technique with good 
performance.
- aframe-rain (https://github.com/takahirox/aframe-rain) - aframe-rain is Rainfall effect component for A-Frame which displays a lot of rain drop/splash objects by using instancing technique 
with good performance.
- matrix-rain (https://github.com/nojvek/matrix-rain) - The famous Matrix rain effect of falling green characters in a terminal
- Rainbow (https://github.com/DavianWolf/Rainbow.js) - A text effect jquery plugin (tested with jQuery 1.6.3)
- Snowstorm (https://github.com/scottschiller/Snowstorm) - Enterprise-grade JavaScript snow effect for the internets, setting CPUs on fire worldwide every winter since 2003.
@@ -128,8 +129,8 @@
Loading Effect
- PageLoadingEffects (https://github.com/codrops/PageLoadingEffects) - Modern ways of revealing new content using SVG animations.
- Asset-Loading-Effects (https://github.com/ZachSaucier/Asset-Loading-Effects) - Loading effects for assets including some built in animated reveals
- fakeLoader (https://github.com/joaopereirawd/fakeLoader.js) - 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.
- fakeLoader (https://github.com/joaopereirawd/fakeLoader.js) - 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.
- LoadEffect (https://github.com/Auklets/LoadEffect) - Distributed Load Testing in Javascript-like Scripting Language.
- Whirl (https://github.com/jh3y/whirl) - CSS loading animations with minimal effort!
- three-dots (https://github.com/nzbin/three-dots) - 🔮 CSS loading animations made by single element.
@@ -159,8 +160,8 @@
- menu-animations (https://github.com/tamino-martinius/ui-snippets-menu-animations) - Four different menu animations for menu button toggle between hamburger, cross and back icon.
- circle-svg-animation (https://github.com/crealime/circle-svg-animation) - Circle SVG Animation
- OrganicShapeAnimations (https://github.com/codrops/OrganicShapeAnimations) - Some shape morphing hover effects on images using SVG clipPath.
- FancyLetterAnimation (https://github.com/codrops/FancyLetterAnimation) - An experimental SVG letter animation inspired by the Dribbble shot "Shading Letters in Illustrator" by Jake Bartlett's. Powered by 
Julian Garnier's anime.js.
- FancyLetterAnimation (https://github.com/codrops/FancyLetterAnimation) - An experimental SVG letter animation inspired by the Dribbble shot "Shading Letters in Illustrator" by Jake 
Bartlett's. Powered by Julian Garnier's anime.js.
- IsometricCityAnimation (https://github.com/projapati66/Svg-IsometricCityAnimation) - This is a simple svg isometric city animation with GSAP
- lazy-line-painter (https://github.com/camoconnell/lazy-line-painter) - Lazy Line Painter - A Modern JS library for SVG path animation
- jquery-drawsvg (https://github.com/lcdsantos/jquery-drawsvg) - Lightweight, simple to use jQuery plugin to animate SVG paths
@@ -190,15 +191,15 @@
- aquarelle (https://github.com/Ramotion/aquarelle) - Aquarelle is a watercolor effect component.
- glitch (https://github.com/sjhewitt/glitch.js) - A glitched effect for DOM elements.
- spread (https://github.com/roboshoes/spread) - Spread is a small experiment leveraging simple CSS3D transforms to create a colored plane.
- firealgorithm (https://github.com/filipedeschamps/doom-fire-algorithm) - A playground of experiments related to the Doom fire effect implemented in JavaScript. Feel free to submit your experiment with a Pull 
Request.
- firealgorithm (https://github.com/filipedeschamps/doom-fire-algorithm) - A playground of experiments related to the Doom fire effect implemented in JavaScript. Feel free to submit your 
experiment with a Pull Request.
- EyeCandy (https://github.com/mykle1/MMM-EyeCandy) - Animated images that are superficially attractive and entertaining but intellectually undemanding.
- animatelo (https://github.com/gibbok/animatelo) - Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects
Contribute
Contributions welcome! We welcome all contributions, especially by those who worked through the list and noticed some missing / unclear information! Please use the pull requests to discuss about the usefulness 
of a change.
Contributions welcome! We welcome all contributions, especially by those who worked through the list and noticed some missing / unclear information! Please use the pull requests to discuss 
about the usefulness of a change.
License