Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
techhub.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A hub primarily for passionate technologists, but everyone is welcome

Administered by:

Server stats:

5.4K
active users

techhub.social: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#animejs

0 posts0 participants0 posts today
Christian Alder<p>Gave Anime.js a spin this weekend - just something simple for my first experiment. </p><p>It handled SVG stroke animation really well! and it was good fun to work with. Documentation was great 👌 </p><p>This experiment also got me learning more about SVG filters 🥳</p><p>CodePen: <a href="https://codepen.io/HejChristian/full/LEYvbWP" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/HejChristian/full/L</span><span class="invisible">EYvbWP</span></a></p><p><a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/AnimeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnimeJS</span></a> <a href="https://mastodon.social/tags/CodePen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CodePen</span></a> <a href="https://mastodon.social/tags/SVGFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVGFilter</span></a></p>
.:\dGh/:.<p>AnimeJS v4 has landed. Boy oh boy, it’s probably the sickest JavaScript library for animations.</p><p><a href="https://animejs.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">animejs.com/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/animejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animejs</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://mastodon.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Coding</span></a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Animation</span></a> <a href="https://mastodon.social/tags/Internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Internet</span></a> <a href="https://mastodon.social/tags/Library" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Library</span></a> <a href="https://mastodon.social/tags/Package" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Package</span></a> <a href="https://mastodon.social/tags/NPM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NPM</span></a></p>
N-gated Hacker News<p>🎉 BREAKING: The endless parade of <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/frameworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frameworks</span></a> has birthed yet another version of Anime.js! This one promises to animate your life away with more acronyms and <a href="https://mastodon.social/tags/buzzwords" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>buzzwords</span></a> than you can shake a stick at. 🌐 Isn't it amazing how every <a href="https://mastodon.social/tags/update" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>update</span></a> is a "breakthrough" yet somehow, nothing actually changes? 🙄<br><a href="https://animejs.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">animejs.com/</span><span class="invisible"></span></a> <a href="https://mastodon.social/tags/AnimeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnimeJS</span></a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Animation</span></a> <a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/ngated" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ngated</span></a></p>
Hacker News<p>AnimeJs v4 Is Here</p><p><a href="https://animejs.com/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">animejs.com/</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/AnimeJs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnimeJs</span></a> <a href="https://mastodon.social/tags/v4" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>v4</span></a> <a href="https://mastodon.social/tags/Is" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Is</span></a> <a href="https://mastodon.social/tags/Here" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Here</span></a> <a href="https://mastodon.social/tags/AnimeJs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnimeJs</span></a> <a href="https://mastodon.social/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Animation</span></a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDevelopment</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.social/tags/TechNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TechNews</span></a></p>
JSDev Space<p>Exploring Anime.js: A Powerful JavaScript Animation Library <a href="https://jsdev.space/animejs-animation-guide/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">jsdev.space/animejs-animation-</span><span class="invisible">guide/</span></a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>css</span></a> <a href="https://mastodon.social/tags/animejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animejs</span></a></p>
GENKI<p><a href="https://social.vivaldi.net/tags/AnimeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnimeJS</span></a> の次期バージョン良さそう…タイムラインエディターっぽいものがあるぞ！！</p><p><a href="https://github.com/sponsors/juliangarnier" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/sponsors/juliangarn</span><span class="invisible">ier</span></a></p><p><a href="https://social.vivaldi.net/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://social.vivaldi.net/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Animation</span></a></p>
Julian Garnier<p>🚀Introducing draggables to anime.js V4!<br>✅ Inertia with spring animation<br>✅ Snap to grid<br>✅ Axis lock<br>✅ Container autoscroll<br>✅ Transformed container<br>✅ Quick swipe gestures<br>✅ onSnap callback<br>And a lot more, check out my GitHub sponsor page if you want to give it a try! <a href="https://github.com/sponsors/juliangarnier" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/sponsors/juliangarn</span><span class="invisible">ier</span></a><br><a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> <a href="https://mastodon.social/tags/animejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animejs</span></a></p>
Intention web design<p>Amazing circular slider built with anime.js 😮 <br><a href="https://mastodonapp.uk/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodonapp.uk/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a> <a href="https://mastodonapp.uk/tags/animeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animeJS</span></a> <br><a href="https://wannabedev.io/_posts/circular-slider-with-anime-js/demo/index.html" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">wannabedev.io/_posts/circular-</span><span class="invisible">slider-with-anime-js/demo/index.html</span></a></p>
pablolarah<p>🐰 Building an animated SVG logo with animejs.<br>at Pixelhop @pixelhopio <br><a href="https://mastodon.social/tags/animejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animejs</span></a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>js</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> </p><p><a href="https://www.pixelhop.io/writing/building-an-animated-svg-logo-with-animejs/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">pixelhop.io/writing/building-a</span><span class="invisible">n-animated-svg-logo-with-animejs/</span></a></p>
felix<p>love to use the SVG line-drawing helper by <a href="https://mastodon.cloud/tags/animejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animejs</span></a> to take the hassle out of doing it manually</p><p>Demo:<br><a href="https://codepen.io/blackspike/pen/zYLZOJp/?layout=right" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/blackspike/pen/zYLZ</span><span class="invisible">OJp/?layout=right</span></a></p><p>Docs:<br><a href="https://animejs.com/documentation/#lineDrawing" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">animejs.com/documentation/#lin</span><span class="invisible">eDrawing</span></a></p><p><a href="https://mastodon.cloud/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p>
pablolarah<p>🫧 Exploring Anime.js with an example site animation project<br>by Temitope Oyedele @T_koded at @LogRocket <br><a href="https://mastodon.social/tags/Animejs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Animejs</span></a> <a href="https://mastodon.social/tags/animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>animation</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a> </p><p><a href="https://blog.logrocket.com/exploring-anime-js-example-site-animation-project/" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.logrocket.com/exploring-a</span><span class="invisible">nime-js-example-site-animation-project/</span></a></p>
ExploreLive feeds
About