svg-animation

There are 2 repositories under svg-animation topic.

drawsvg
cduck / drawsvg
Programmatically generate SVG (vector) images, animations, and interactive Jupyter widgets
animation draw drawing drawsvg jupyter-lab jupyter-notebook svg svg-animation vector-drawings visualization
Language:Python 545
friction
friction2d / friction
Friction Graphics
motion-graphics svg vector-graphics 2d ffmpeg qt skia svg-animation animation raster-graphics linux windows
Language:C++ 190
under-construction-template
tmKamal / under-construction-template
Under construction / Coming soon page for your websites.
coming-soon-page under-construction-page svg-animation
Language:HTML 114
sdras / livecode-svganimation
In my Smashing Toronto talk, I'll be live coding an SVG animation from start to finish. Here's the repo that houses the base materials, and any further references for things we don't have time to cover.
svg-animation svg vue livecode smashingconf toronto svg-paths
Language:JavaScript 95
celestinecr / celestine
An SVG library written in Crystal. Can be used to make cool animations, as well as other kinds of uses.
svg svg-animation crystal crystal-lang celestine
Language:Crystal 92
vydimitrov / svg-css-logo-animation
SVG logo animation done with CSS animations
svg-logo-animation svg-animation
Language:CSS 37
michaelsboost / svgMotion
A free and open source vector animation tool
svg vector greensock gif animation svg-animation gif-animation vector-animation javascript gifshot svg2gif
Language:JavaScript 31
animated-svg-clock
tomchen / animated-svg-clock
Animated SVG clock 🕒
svg clock animation svg-animation animated-svg smil css counter
27
andreystarkov / animejs-svg-experiment
crazy cool svg animation with anime.js
animejs animation svg svg-animations svg-path svg-animation animation-demo animation-sequence css-animations
Language:JavaScript 14
SAKryukov / web-presentation
Web browser-based application, analogous to those office presentation applications, in a single file.
html javascript css vector-graphics raster-graphics video animation css-animation svg svg-animation presentation
Language:HTML 13
michaelkolesidis / move-square
A simple SVG example featuring a movable square.
svg svg-game svg-graphics svg-edit square art svg-animation typescript
Language:TypeScript 10
ball-smash-dungeon
chr15m / ball-smash-dungeon
ball physics roguelike
game-development game svg roguelike svg-animation clojurescript
Language:Clojure 9
michaelsboost / SMIL2GIF
Easily convert your SVG SMIL animations into GIF animations!
html5 svg smil svg-animations svg-animation animation gif gif-animation gif-creator gif-maker javascript jquery
Language:JavaScript 8
InteractiveMap
polcats / InteractiveMap
A web-based framework that generates an interactive map.
framework web-application mobile-web-app svg-animation map-application map-generation json-format
Language:JavaScript 7
under-construction
charisTheo / under-construction
A CSS only SVG animation for an "Under Construction" message on the web
svg svg-animation under-construction under-development popup website-template website-design design vector-graphics css-animations css3-animations css3
Language:HTML 4
alitnk / nrw-gsap-animation
Assets for an animation I made with NewRetroWave's logo when I was learning GSAP
gsap svg-animation svg greensock green-sock gsap-animation animation-html html-animation animation retrowave outrun
3
beauhaus / beau-haus
portfolio site using React, Webpack, reach-router, CSS-Grid, GSAP Animations, SVG
gsap spa svg-animation css-animation css-grid-layout reactjs react-router
Language:JavaScript 3
ivgtr / glitch-image
👾 Get dynamically generated Glitch image on your readmes!
svg svg-animation github-profile github-readme readme-generator profile-readme
Language:TypeScript 3
WebSVG / deep-svg
Vanilla javascript and Web Component wrapper to make any svg zoom pan and deep link
svg pan zoom vanilla-javascript-library web-component mouse shadow-dom svg-animation svg-filters svg-filter-animation
Language:JavaScript 3
andreystarkov / animejs-svg-logo-animation
easy svg logo animation with anime.js
animejs svg-animation animation-demo react-animation react animations animation-library
Language:JavaScript 2
FabienFellay / YA-SVG-JS-C
Yet Another SVG+JavaScript Clock
javascript animation clock fira-sans math-js simulation solarized-theme svg-animation interactive-clocks
Language:JavaScript 2
khalidmesbah / 100-days-css-challenge
My solution for the 100 days css challenge
100dayscss 100daysofcode css3 html5 scss slim svg svg-animation
Language:SCSS 2
lordanubi / futuri
React SVG Animated Interface Builder
svg svg-animation patterns pattern quasiperiodic periodic framer-motion reactjs react fractals golden-ratio fibonacci-sequence
Language:JavaScript 2
memorabilien / dynamic-visual-scoring-calculator
A dynamically adjustable scoring calculator with a lighthouse style data visualization. Get a score between 0 to 100 from data, with dynamically adjustable target value, a from -5 to +5 adjustable bias , and a self adjusting weighting system.
angular calculator data-visualization javascript react svg-animation visualization vue statistics weights-and-biases
Language:JavaScript 2
michaelkolesidis / infinite-triangle
Experiment using SVG and Sass.
css svg animation animations animation-demo animations-demostration svg-animations svg-animation triangle triangles triangles-drawn css-animations css-animation animation-css animations-css
Language:JavaScript 2
mrcgrtz / arm-status
💪🏼 The latest news on Marc‘s arm – live from the Web!
eleventy-website 11ty-website svg-animation
Language:Nunjucks 2
pratyushlokhande / IBC
IBC's Website
html css javascript gsap scss locomotive-scroll intersection-observer svg-animation aos
Language:HTML 2
SuicV / CirclesJS
circles is a javascript library to draw statistic circles
percentage-circle statistic-circles-library circle-draw svg-circle-path svg-animation
Language:JavaScript 2
argarak / botb-svg-factory-animation
factory animation for the Battle of the Bits major compo "GraphX"
svg animation css css-animation factory js javascript css3 css3-animations svg-animations svg-animation
Language:HTML 1
fotijr / spacevg
Reusable rockets, visualized in SVG.
svg svg-animation typescript
Language:Vue 1
covid
in-in / covid
A simple static site with information about the coronavirus and how to protect yourself
bem-methodology design-tokens postcss production pug responsive-design scss style-dictionary webpack svg svg-animation alpinejs animations
Language:SCSS 1
john-azzaro / Study-SVG-Scalable-Vector-Graphic-Animations
A handy study in SVG animations, including how to create a SVG file with Figma, the construction of a special utility to find the exact lengths of paths for the animation, translating the results to CSS, etc.
svg svg-animation find-path-utility
Language:HTML 1
leventefrks / silly-random-number-generator
Gift for a family member who's studying at the university
tailwindcss vuejs svg-animation yup
Language:Vue 1
svg-github-readme
lmllrjr / svg-github-readme
Generate SVG's 🎇 with dynamic content for github flavoured markdown files
github-readme github-readme-profile markdown md svg svg-animation vercel
Language:Go 1
Miroslavetsh / bino
Short landing with adaptivity for my friend. Interview task
svg svg-animation
Language:HTML 1
Rajacharles / Expanding-Diagonal-Background
Expanding Diagonal Background | SVG Clip-Path Property
clip-path svg svg-animation javascript
Language:HTML 1

svg-animation

cduck / drawsvg

friction2d / friction

tmKamal / under-construction-template

sdras / livecode-svganimation

celestinecr / celestine

vydimitrov / svg-css-logo-animation

michaelsboost / svgMotion

tomchen / animated-svg-clock

andreystarkov / animejs-svg-experiment

SAKryukov / web-presentation

michaelkolesidis / move-square

chr15m / ball-smash-dungeon

michaelsboost / SMIL2GIF

polcats / InteractiveMap

charisTheo / under-construction

alitnk / nrw-gsap-animation

beauhaus / beau-haus

ivgtr / glitch-image

WebSVG / deep-svg

andreystarkov / animejs-svg-logo-animation

FabienFellay / YA-SVG-JS-C

khalidmesbah / 100-days-css-challenge

lordanubi / futuri

memorabilien / dynamic-visual-scoring-calculator

michaelkolesidis / infinite-triangle

mrcgrtz / arm-status

pratyushlokhande / IBC

SuicV / CirclesJS

argarak / botb-svg-factory-animation

fotijr / spacevg

in-in / covid

john-azzaro / Study-SVG-Scalable-Vector-Graphic-Animations

leventefrks / silly-random-number-generator

lmllrjr / svg-github-readme

Miroslavetsh / bino

Rajacharles / Expanding-Diagonal-Background