Animated SVG Avatar

CodePen.IO
Created a login form with an SVG avatar that responds to the input in the email field. Used the GSAP TweenMax library + GSAP's MorphSVG plugin for the ...
281
motion
svg
javascript
Recently shared by
Kaushik Gopal
½ of the @FragmentedCast ; Google Developer Expert;…
Mohamed Atef
I am a frontend developer
Aldo Gnocchi
#DigitalMarketing and #ContentMarketing #Strategist, Lecturer, Speaker, CEO &…
Stephan Riess
Design Manager // Design, UX, brands, strategy, innovation,…
Tony  "Larrikin Aussie" Sargeant
I'm an easy going Aussie Songwriter/Poet & Raconteur,…
Jan Piatkowski
Vater, Digitaler, Denker, liebt @tsomofficial & @borussia, filmt,…
StanChan
fakeMaker |Junior UI/UX Designer / Junior Frontend Developer
Taher
Code, Eat, Sleep, Repeat.. All opinions are my…
Florent Bourgeois
@TwicPics CEO ⚡️Web strategist @_Creative_Area_ ⚡️STATION F Founders…
Nichole
As a Family Therapist, I help people explore…
Romà
Imbécil a tiempo completo.
Adam Lynch
🇮🇪 Founder, CTO, Developer, Author. Ex @ycombinator @teamwork…
Aleyda Solis 👩🏻‍💻
International SEO Consultant, Speaker & Author. @Orainti &…
Ashokamithiran
Get my weekly newsletter with a carefully hand-curated…
Victor Ivascu
Roger Dudler
Founder & CEO @Frontify - We're building the…
Karan Sharma 👨‍💻
Enjoys conversations around DNS, Observability, and Self Hosting.…
Irina Turchanova
Marketing @chisoftware. Surfing the net for fresh tech…
Nico
Front End developer
Dirty Array
I develop mobile apps, websites and other software.…
Monica \em\
Momma bear | Wife | Mentor | Marketer
Sushant Shekhar
Smashing the Keyboard till something good happens.
Martin Klappacher
meow. | http://hello.mk
Jonas Gierer
More like this
In Visual Design
slides.com
SVG can do THAT?! by sdrasnerslides.com
1 min read · 259 saves · From 2017 · A presentation created with Slides.
svg
presentations
speech
 
CodePen.IO
Animated SVG Avatar v2CodePen.IO
55 saves · From 2018 · Created a login form with an SVG avatar that responds to the input in the email field. Used the GSAP TweenMax library + GSAP's MorphSVG plugin for the ...
 
maxwellito.github.io
vivus.js - svg animationmaxwellito.github.io
52 saves · From 2015 · SVG Drawing Animation
javascript
svg
animation
 
parsleyjs.org
Parsley - The ultimate JavaScript form validation libraryparsleyjs.org
53 saves · From 2013 · Parsley, the ultimate frontend javascript form validation library
javascript
form validation
jamstack
In Visual Design
svgporn.com
SVG Porn — 500+ high quality svg logossvgporn.com
112 saves · From 2015 · A collection of 800+ svg logos
icons
svg
logos
In Visual Design
UX Collective
100 days of motion designUX Collective
~14 min read · 248 saves · From 2018 · Tiantian Xu · How I taught myself to create 50 pieces of animation in 100 days
interface
motion design
inspo
 
github.com
Bogdan-Lyashenko/js-code-to-svg-flowchartgithub.com
97 saves · From 2017 · js-code-to-svg-flowchart - js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Ex...
javascript
flowcharts
 
CSS-Tricks
Creating a Star to Heart Animation with SVG and Vanilla JavaScriptCSS-Tricks
47 saves · From 2017 · In my previous article, I've shown how to smoothly transition from one state to another using vanilla JavaScript. Make sure you check that one out first
 
freeCodeCamp.org
How to use SVG as a Placeholder, and Other Image Loading TechniquesfreeCodeCamp.org
8 min read · 613 saves · From 2017 · I’m passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of…
svg
images
lazyload