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 14009

• nbedos / termtosvg

  Record terminal sessions as SVG animations

  animationclirecorderrecordingshellsvgsvg-animationsterminal
  Language:Python 9742
• 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 5232
• qr-code

  bitjson / qr-code

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

  animatedbchbitcoinbitcoin-cashcryptocurrencyethereumqr-codeqr-code-componentqr-code-generatorqr-generatorstencilsvgsvg-animationsweb-animationsweb-component
  Language:TypeScript 1341
• 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 1104

• 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 825

• sdras / svg-workshop

  Materials for SVG Essentials & Animation Course

  svgsvg-workshopcodepengreensockgsapsvg-animationstimelinereact
  Language:HTML 822

• lcdsantos / jquery-drawsvg

  Lightweight, simple to use jQuery plugin to animate SVG paths

  jquerysvgsvg-animationsanimationjquery-plugin
  Language:JavaScript 773
• drawing_animation

  haucky / drawing_animation

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

  flutterdartsvgsvg-animationssvg-path
  Language:C++ 494

• Akshay090 / svg-banners

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

  readmebannersvgsvg-animations
  Language:JavaScript 324

• 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 265

• jis3r / icons

  beautifully crafted, moving icons. for svelte. 🧡

  animationiconsetsveltesveltekitsvg-animationssvg-icons
  Language:Svelte 228

• blairlee227 / IlluStatus

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

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

• carmenansio / bookmarks

  Bookmarks that I ❤️

  svgsvg-iconssvg-animationscsscss-animationswebdevwebdesigncodepen
  174

• MaximBuz / heazy-svg-creator

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

  designreactsvgsvg-animations
  Language:TypeScript 173

• WebAnimationWorkshops / workshop-resources

  Houses the resources for WAW workshop

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

• aute / SVGDragTree

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

  svgsvg-spritessvg-animationsdrag-and-dropdraggabledrag-dropdata-visualizationvisualization
  Language:JavaScript 126
• glitcher-cli

  metaory / glitcher-cli

  generate animated pseudo random glitch SVG from Unicode characters

  cliglitchglitch-artsvgsvg-animationssvg-filterssvg-generator
  Language:Shell 87
• snoweb-svg

  Aleksi44 / snoweb-svg

  SVG library optimized and animated built in HTML and CSS.

  svgsvg-animationsdjangosasshtmlcsswagtail
  Language:HTML 86

• baec23 / ludwig

  A collection of UI libraries for Android using Jetpack Compose

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

• ephraimduncan / react-svg-spinners

  A React Component Library for SVG Spinners

  reactsvgsvg-animationssvg-spinner
  Language:TypeScript 79

• HuberTRoy / myown

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

  svg-animationssvgvuevue3axiosperformancewiresharkluckydrawvitrualpetite-vuejavascript
  Language:HTML 75

• birdwingo / react-native-reanimated-graph

  🚀 Reanimated graph: Dive into smooth and high-performance graphing in react native. Built atop the prowess of react-native-reanimated, our library guarantees fluid animations even with extensive data. From SVGs to Cubic Beziers, customize and shine with versatile options at your fingertips.

  animatedchartgraphlinegraphreact-nativereanimatedstocksvgsvg-animations
  Language:TypeScript 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 67

• codrops / TextClipScroll

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

  gsap-scrollscrollingsvg-animations
  Language:HTML 63

• xiaoluoboding / svg-animation-booklet

  《SVG 动画开发实战》小册

  svgsvg-animationsbest-practicesanimation
  Language:Shell 63

• 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 58

• alwinw / alwinw

  👨‍💻 About @alwinw

  profilereadmereadme-mdsvg-animations
  55

• abjt14 / polyrhythmic-rings

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

  framer-motionnextjspolyrhythmradix-uisvgsvg-animationssvg-filters
  Language:JavaScript 52
• 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

• salaheddinek / video-editing-py-script

  Multiple python based scripts used for video and image editing

  ffmpegffmpeg-scriptffmpeg-wrappergifgif-creatorgifskdenlivescriptscriptsvideo-compressvideo-compressionvideo-compressorvideo-editingvideo-editorvideo-processingyoutube-dlpython-image-processingsvgsvg-animationsvideo-to-gif
  Language:Python 51

• airen / svg-animations

  SVG Animations Book

  svgsvg-animationsanimationweb
  50

• dmtrbrl / hp-quiz

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

  vuelocalstorageharry-potterquizquiz-gamesvg-animationssvgvue-observable
  Language:Vue 50

• ericfortis / web-animations

  Animation projects for learning Web Frontend programming

  csshtmljssvgsvg-animationsweb-animations
  Language:JavaScript 49
• primitivo-svg

  yurkoturskiy / primitivo-svg

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

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