/animations

Wonders of Javascript Animations

Primary LanguageHTMLMIT LicenseMIT

Computer Graphics, webGl, Animation and Three.js Misc

Learing Resources

Discover Three.js
Learn WebGl
OpenGl Tutorials
Javascripture WebGL
React native animation api
Basic of CSS transitions and transforms
CSS animation for beginners
Advanced CSS: Animation and Transformation
🚀   Very important topic - Matrices
Threejs fundamentals
Three.js online editor

Works

WebGL Triangle
Introduction to Three.js
Light cloud (Three.js)
Basic CSS transition (react-transition-group)
RadiumJs basic example
Basic CSS transition example
Basic CSS animation example
CSS Neumorphism Clock
SVG stroke animation
SVG loader animation
SVG hover btn animation
Text Shuffler (JQuery)
flies material text effect (blotter.js)
channelsplit material text effect (blotter.js)
CSS hover effect
Gooey effect (JavaScript)
Mousemove effect (JavaScript)
Rotate text effect (Gsap)

Useful Resources

Three js examples
Codrops
Intro in Three.js
Regl
brunoimbrizi blog

Design & Tools

List of cubic bezier
Basic Color Theory
ColorBox by lyft
Design Principles
UI Patterns
Designerlynx
Happy Hues
Designer lynx
Code my ui