svg-animations

There are 18 repositories under svg-animations topic.

• adobe-webplatform / Snap.svg

  The JavaScript library for modern SVG graphics.

  javascriptjavascript-librarysnapsvgsvg-animations
  Language:JavaScript 13871

• nbedos / termtosvg

  Record terminal sessions as SVG animations

  animationclirecorderrecordingshellsvgsvg-animationsterminal
  Language:Python 9689
• snk

  Platane / snk

  🟩⬜ Generates a snake game from a github user contributions graph and output a screen capture as animated svg or gif

  github-actionsgithub-profile-readmesnake-gamegifsvg-animationsgithub-contribution-graphgithub-contributions
  Language:TypeScript 3752
• qr-code

  bitjson / qr-code

  A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element.

  bchbitcoinbitcoin-cashcryptocurrencyethereumqr-codeqr-code-componentqr-code-generatorqr-generatorweb-componentstencilanimatedsvgsvg-animationsweb-animations
  Language:TypeScript 1028
• deepsvg

  alexandre01 / deepsvg

  [NeurIPS 2020] Official code for the paper "DeepSVG: A Hierarchical Generative Network for Vector Graphics Animation". Includes a PyTorch library for deep learning with SVG data.

  deep-learningpytorchsvgsvg-animationstransformerlibrarypythondeep-svgmachine-learningautoencodersketchessketch-rnnsvg-vae
  Language:Jupyter Notebook 874

• sdras / svg-workshop

  Materials for SVG Essentials & Animation Course

  svgsvg-workshopcodepengreensockgsapsvg-animationstimelinereact
  Language:HTML 790

• lcdsantos / jquery-drawsvg

  Lightweight, simple to use jQuery plugin to animate SVG paths

  jquerysvgsvg-animationsanimationjquery-plugin
  Language:JavaScript 768

• xcarpentier / rn-tourguide

  🚩Make an interactive step by step tour guide for your react-native app (a rewrite of react-native-copilot)

  tourguidereact-nativesvg-animationsmorphingflubbertutorialmask-svg-pathrn-tourguidetooltipexpoanimationweb
  Language:TypeScript 678
• drawing_animation

  biocarl / drawing_animation

  A Flutter library for gradually painting SVG path objects on canvas (drawing line animation).

  dartfluttersvgsvg-animationssvg-path
  Language:C++ 479

• kdzwinel / progress-bar-animation

  Making a Doughnut Progress Bar - research notes

  svg-animationsweb-performanceresearch
  Language:JavaScript 306

• just-animate / just-animate

  Making Animation Simple

  animationtypescriptweb-animationwaapitransitionsanimation-controllermultiple-animationseasingstimelinecss-variablessvg-animations
  Language:TypeScript 264

• Akshay090 / svg-banners

  Styled banners for your Readme made with html/css in SVG !!

  readmebannersvgsvg-animations
  Language:JavaScript 244

• blairlee227 / IlluStatus

  🌟 A HTTP Status svg animation that can change color and text arbitrarily.

  svgsvg-animationssvg-imageschange-colorcss404-pages404-template
  Language:HTML 195

• carmenansio / bookmarks

  Bookmarks that I ❤️

  svgsvg-iconssvg-animationscsscss-animationswebdevwebdesigncodepen
  170

• MaximBuz / heazy-svg-creator

  A design studio for vector illustrations. Built with React, Node and GraphQL.

  designreactsvgsvg-animations
  Language:TypeScript 166

• WebAnimationWorkshops / workshop-resources

  Houses the resources for WAW workshop

  animationweb-animation-workshopsweb-animationssvg-animationswawcodepenworkshop-resources
  Language:JavaScript 151

• aute / SVGDragTree

  一个可以通过拖放 SVG 图标，来生成拥有树状结构的视图与数据的前端组件。 SDT example:

  svgsvg-spritessvg-animationsdrag-and-dropdraggabledrag-dropdata-visualizationvisualization
  Language:JavaScript 123
• snoweb-svg

  Aleksi44 / snoweb-svg

  SVG library optimized and animated built in HTML and CSS.

  svgsvg-animationsdjangosasshtmlcsswagtail
  Language:HTML 82

• HuberTRoy / myown

  Blog 分享一些前端的知识，流行库的源码阅读，前端可做的性能优化，SVG动画小知识。

  svg-animationssvgvuevue3axiosperformancewiresharkluckydrawvitrualpetite-vuejavascript
  Language:HTML 71

• baec23 / ludwig

  A collection of UI libraries for Android using Jetpack Compose

  androidandroid-librarycomposekotlinuiui-componentsui-libaryandroid-developmentjetpack-composemorphingsvg-animationssvg-path
  Language:Kotlin 70

• bupaverse / processanimateR

  Token replay animation for process maps created with processmapR by using SVG animations (SMIL) and the htmlwidget package.

  processminingevent-logsanimationbusiness-processprocess-maphtmlwidgetssvg-animationsbupar
  Language:JavaScript 63

• ephraimduncan / react-svg-spinners

  A React Component Library for SVG Spinners

  reactsvgsvg-animationssvg-spinner
  Language:TypeScript 60

• dkress59 / react-loading-icons

  A TypeScript-React edition of Sam Herbert's amazing SVG Loaders.

  svg-loaderssvgloadersreactreact-loadingreact-loading-animationsvg-iconssvg-animationsreact-svgreact-libraryreact-loadersvg-loadingtypescripttypescript-reacttypescript-react-componentstypescript-libraryloading-animationsloading-spinnerloading-animationloading-spinners
  Language:TypeScript 59

• xiaoluoboding / svg-animation-booklet

  《SVG 动画开发实战》小册

  svgsvg-animationsbest-practicesanimation
  Language:Shell 59
• github-animated-corners

  eugena / github-animated-corners

  :octocat: Several new animated variants of "Fork me on GitHub" or "View source on GitHub" link

  fork-megithubanimationsvgsvg-animationsinteractiveanimated-cornerslinkopensource
  Language:Vue 52

• dmtrbrl / hp-quiz

  Harry Potter movies quiz. Experimenting with localStorage, SVG path animations and vue.observable

  harry-potterlocalstoragequizquiz-gamesvgsvg-animationsvuevue-observable
  Language:Vue 49

• ericfortis / web-animations

  Animation projects for learning Web Frontend programming

  csshtmljssvgsvg-animationsweb-animations
  Language:JavaScript 48

• airen / svg-animations

  SVG Animations Book

  svgsvg-animationsanimationweb
  45

• abjt14 / polyrhythmic-rings

  Relaxing tunes and visuals to help you focus, meditate, or sleep.

  framer-motionnextjspolyrhythmradix-uisvgsvg-animationssvg-filters
  Language:JavaScript 44

• alwinw / alwinw

  👨‍💻 About @alwinw

  profilereadmereadme-mdsvg-animations
  40

• codrops / TextClipScroll

  Experimental on-scroll typography effects using SVG clip-paths.

  gsap-scrollscrollingsvg-animations
  Language:HTML 39

• elisehein / schematics

  An animated reproduction of Schematics: A Love Story by Julian Hibbard

  javascriptsvg-animationses6-modulessmilsvgs
  Language:JavaScript 36
• primitivo-svg

  yurkoturskiy / primitivo-svg

  JS library for SVG. Generate and animate 2d shapes.

  javascript-librarysvgsvg-animationssvg-pathsvg-images
  Language:TypeScript 36

• shashi278 / svg-anim-kivy

  SVG path drawing and animation support in kivy application

  svgkivypythonsvg-animationssvg-imageshacktoberfest
  Language:Python 32
• alchemy

  bestape / alchemy

  Generate any a-by-( b + c ) finite rectangle SVG containing potentially Infinitely many a-by-( 2 * b ) finite rectangles animated along a number line of ( ( c - b ) / a )^n scale symmetry.

  finite-rectanglesmetallic-meansrecursioninfinite-rectanglespythagorean-theoremirrational-numbersexponentiationgeometrymathematicsinformation-theorycomputer-sciencegolden-ratiodiagonalmetallic-pythagoreannon-haltinghierarchical-script-databasecellular-automatasvg-animationssvg-smilscale-symmetry
  Language:HTML 30

• agrawalsuneet / SVGLoadersPack-Android

  Android SVGLoadersPack - SVG animations and Loaders in Android

  adnroidandroid-libraryloaderloadersloaderspackanimationsanimationsvgsvg-animationssvgloadersvg-loader
  Language:Java 27