Awesome Open Source

Programming Languages

Search results for svg animations

svg-animations x

85 search results found

Snap.svg ⭐ 13,407

The JavaScript library for modern SVG graphics.

Termtosvg ⭐ 8,882

Record terminal sessions as SVG animations

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

Deepsvg ⭐ 829

[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.

Jquery Drawsvg ⭐ 742

Lightweight, simple to use jQuery plugin to animate SVG paths

Web Animations Js Legacy ⭐ 721

The original emulator of the Web Animations specification. Please use web-animations-js instead:

Rn Tourguide ⭐ 657

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

Drawing_animation ⭐ 473

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

Svg Workshop ⭐ 451

Materials for SVG Essentials & Animation Course

Drawsvg ⭐ 425

Programmatically generate SVG (vector) images, animations, and interactive Jupyter widgets

Progress Bar Animation ⭐ 302

Making a Doughnut Progress Bar - research notes

Dialogeffects ⭐ 285

A collection of dialog effects using CSS (and SVG) animations.

Million Devs ⭐ 253

Microsite for the 1 Million Developers announcement.

Just Animate ⭐ 235

Making Animation Simple

Frontendmasters Svganimation ⭐ 185

Frontend Masters- Advanced SVG Animation Course

Vue Weather Notifier ⭐ 173

A small SVG animation illustrating a weather app notification in Vue

React Native Svg Animations ⭐ 160

SVG Animations wrapper for react-native.

Heazy Svg Creator ⭐ 156

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

Illustatus ⭐ 150

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

Qr Code ⭐ 146

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

Workshop Resources ⭐ 132

Houses the resources for WAW workshop

Bookmarks ⭐ 117

Bookmarks that I ❤️

Svgdragtree ⭐ 107

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

Livecode Svganimation ⭐ 87

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 Banners ⭐ 86

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

Celestine ⭐ 85

An SVG library written in Crystal. Can be used to make cool animations, as well as other kinds of uses.

Raphaellayer ⭐ 80

Raphael overlay for Leaflet maps

Snoweb Svg ⭐ 76

SVG library optimized and animated built in HTML and CSS.

Lttng Docs ⭐ 65

The LTTng Documentation: Source (official repository)

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

Processanimater ⭐ 58

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

A collection of UI libraries for Android using Jetpack Compose

Transition.css ⭐ 46

css animation for transitional effect

React Loading Icons ⭐ 36

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

Github Animated Corners ⭐ 35

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

Primitivo Svg ⭐ 32

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

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.

Rendercan ⭐ 29

Render dynamic interactive Canvas content on the web to an image sequence.

Vue Animation Demo ⭐ 28

Demo for "Creating Vue.js Transitions & Animation: Live Examples"

Schematics ⭐ 27

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

Svelte Hover Draw Svg ⭐ 24

A lightweight Svelte component to draw SVG on hover.

Svgloaderspack Android ⭐ 21

Android SVGLoadersPack - SVG animations and Loaders in Android

Bare Minimum 2d ⭐ 21

An extremely lightweight React component to declaratively (and elegantly) plot shapes on an inline SVG

Svgmotion ⭐ 20

A free and open source vector animation tool

Svg Animations ⭐ 20

SVG Animations Book

React Native Reanimated Graph ⭐ 16

🚀 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.

Progress Timeline Bar ⭐ 15

Highly customizable progress timeline bar which emphasizes due process

Svg Anim Kivy ⭐ 14

SVG path drawing and animation support in kivy application

Beautifully crafted minimalistic loading animations.

interactive, customizable semantic web visualization

Textclipscroll ⭐ 13

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

Script SVGs with PowerShell

Vue3 Radial Progress ⭐ 12

🐋 A smart and lightweight radial progress component for Vue 3.

Web Presentation ⭐ 11

Web browser-based application, analogous to those office presentation applications, in a single file.

A simple todolist web app

Fouriersvgdrawing ⭐ 10

Animate any illustrator svg file, using fourier transform

Move Square ⭐ 10

A simple SVG example featuring a movable square.

Animejs Svg Experiment ⭐ 10

crazy cool svg animation with anime.js

Svg Animation Cpu Optimize ⭐ 9

A javascript module to optimize the playback of svg animations to consume less cpu cycles and use less energy when embedded in HTML.

Woodpecker ⭐ 9

Simulating the WoodPecker Toy in Jupyter Notebook

Animated Svg ⭐ 8

Flutter package for displaying and animating Scalable Vector Graphics 1.1 files. The package has been written solely in Dart Language.

Video Editing Py Script ⭐ 8

Multiple python based scripts used for video and image editing

Script2svg ⭐ 8

Produce animated SVG from recorded script sessions

Super Mario Path ⭐ 8

Repositorio con recursos de la charla "Super Mario Path" de Nerdearla 2021

Create Animated SVGs in your browser!

Free Animated Svg Icons From D4v ⭐ 7

A series of free animated SVG icons and UI elements

Visual Docs ⭐ 7

Diagrams and animations documenting Secure Scuttlebutt (scuttlebutt.nz) and Āhau (ahau.io)

ZakuJS is a Js framework for dealing with svg path rigging and transition(animation)

Vector.svg ⭐ 6

🎨 A Javascript library for manipulating and animating SVG

Intellij Plugin Svga Support ⭐ 6

SVGA viewer plugin support for IntelliJ IDEA.

Swiftysvgaplayer ⭐ 6

SwiftySVGAPlayer is a high level APIs based on SVGAPlayer, which support play svga according url or local svga data, default push svga in FIFO queue, and then pop to play, and you can set isInstant true for cancel the queue.

svghero: Javascript package for hero effect in SVG

Myapplication ⭐ 6

After Effects alternative written in Rust (no gui, under active development)

Tld Observer ⭐ 6

TLD Observer — New top-level domains, right in your inbox.

🌪 A take on the classic weather app with dynamic SVG animations and React

Scroll Svg ⭐ 5

A library to make animating svgs on scroll simple. Check out the interactive demo at https://pulber.dev/scroll-svg

Svg Experiments ⭐ 5

✒️ A gallery of experiments with Scalable Vector Graphics (SVG) and interactive visualizations.

NueDeck: super-charged HTML and markdown presentation framework

A beautiful Pokedex that's being built by @opablon, @l0urencocarlos, and @juanmanueldaza.

React Rain Animation ⭐ 5

A stateful rain animation component for your React project. No SVG animations, no jQuery, no additional dependencies.

Svganimator ⭐ 5

A browser based tool to create SVG animations.

Frontend Projects ⭐ 5

Front-End Components developed using CSS,SASS and a bit of Less

Covid Movement Vis ⭐ 5

COVID-19 movement & cases tracker with demographic data using D3.js for SVG animations

1-85 of 85 search results

Privacy | About | Terms | Follow Us On Twitter

Copyright 2018-2024 Awesome Open Source. All rights reserved.