Search Results for "svg animation"
Sort By:
Showing 42 open source projects for "svg animation"
View related business solutions-
Gen AI apps are built with MongoDB AtlasMongoDB Atlas provides built-in vector search and a flexible document model so developers can build, scale, and run gen AI apps without stitching together multiple databases. From LLM integration to semantic search, Atlas simplifies your AI architecture—and it’s free to get started.
-
Simple, Secure Domain RegistrationRegister or renew your domain and pay only what we pay. No markups, hidden fees, or surprise add-ons. Choose from over 400 TLDs (.com, .ai, .dev). Every domain is integrated with Cloudflare's industry-leading DNS, CDN, and free SSL to make your site faster and more secure. Simple, secure, at-cost domain registration.
-
1
Readme Typing SVG
Dynamically generated, customizable SVG
The readme-typing-svg is a simple and customizable library that allows developers to add typing effect animations to their GitHub readme files. It enables the display of dynamic, eye-catching text in the form of a typing animation, giving GitHub profiles and project readmes a more interactive and engaging appearance. It’s ideal for showcasing projects or adding a personal touch to your GitHub profile. -
2
three.js
JavaScript 3D library
... website (https://threejs.org/) which use Canvas 2D, SVG and CSS3D renderers that the library also provides. -
3
OpenShot Video Editor
Award-Winning Open Source Video Editing Software
OpenShot Video Editor is a powerful yet very simple and easy-to-use video editor that delivers high quality video editing and animation solutions. OpenShot offers a myriad of features and capabilities, including powerful curve-based Key frame animations, 3D animated titles and effects, slow motion and time effects, audio mixing and editing, and so much more. It’s available for Linux, Mac and Windows, with a very simple and friendly interface. Start creating stunning videos quickly and easily... -
4
Fabric.js
Javascript Canvas Library and SVG-to-Canvas Parser
Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple... -
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
5
anime.js
JavaScript animation engine
anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them. It supports some of the latest browsers, and offers plenty of examples... -
6
two.js
A renderer agnostic two-dimensional drawing api for the web
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you... -
7
Lottie-Web
Render After Effects animations natively
Lottie-Web renders vector animations exported from Adobe After Effects as lightweight JSON, playing them in the browser via SVG or Canvas. Animations remain crisp at any resolution, load quickly compared to videos or GIFs, and can be controlled programmatically for interactivity. The runtime supports playback options like loop, autoplay, segment control, and event hooks, making it easy to sync motion with UI state. Because animations are data rather than pixels, designers and developers can... -
8
react-native-graph
Beautiful, high-performance Graphs and Charts for React Native
react-native-graph is a Line Graph implementation based on the high-performance 2D graphics rendering engine "Skia". It's used in the Pink Panda Wallet app to power thousands of token graphs every day. Animations are ran using the Skia animation system and are fully natively interpolated to ensure best possible performance. If animated is false, a light-weight implementation of the graph renderer will be used, which is optimal for displaying a lot of graphs in large lists. -
9
Kage Studio Animation Software
A simple multi-platfom 2D Animation Software for all ages!
Kage Studio is a vector-based 2D Animation multi-platform Software for Windows, Mac OS, and Debian/Ubuntu GNU/Linux suitable for beginners, hobbyists, and soon even professionals. Written with GTKmm 3.0, Kage Studio has a clean User Interface. Truly an Animation Software, not an airplane cockpit. Kage Studio can export animation to HTML5 (canvas), PNG sequence, Spritesheet, SVG, video (MP4, MKV, OGV, AVI, MOV), and KonsolScript. -
Zendesk: The Complete Customer Service SolutionEquip your agents with powerful AI tools and workflows that boost efficiency and elevate customer experiences across every channel.
-
10
Scene.js
Scene.js is JavaScript & CSS timeline-based animation library
Scene.js supports two plays: javascript and css animation. It's perfect to use it in context and not feel the difference. Scene.js have complete control over time. No matter what time you choose, this can show you the right movement for that time. With Scene.js, SVG can be used by CSS animation in Chrome and can also be controlled by point through 'attribute'. Scene.js can control multiple elements at the same time. Even though the time between the start and end of each element is different... -
11
Friction
powerful and versatile motion graphics application
Friction is a powerful and versatile motion graphics application that allows you to create stunning vector and raster animations for web and video platforms with ease.">
-
12
Excel to Graphviz
Free Excel tool to easily create Graphviz data visualizations.
... visual themes. Run SQL queries for advanced data import. Export graphs as BMP, GIF, JPG, PDF, PNG, or SVG files (with animation support). View Graphviz DOT code and command-line messages. Works on Windows and macOS with a ribbon interface and UTF-8 support for global text. Explore illustrated guides at https://exceltographviz.com With over 10,000 downloads and a SourceForge Community Choice award, this open-source VBA tool clarifies complex data. Download now and turn data into insight.">
-
13
macSVG
An open-source macOS app for designing HTML5 SVG
macSVG is a MIT-licensed open-source macOS app for designing HTML5 SVG 1.1 (Scalable Vector Graphics) art and animation. macSVG can produce dynamic, high-quality graphics and animation for HTML5 web views that work on most major desktop and mobile platforms, including iOS, Android, macOS, Microsoft Windows and Linux. macSVG uses the standard macOS WebKit framework for interactive editing and rendering of SVG documents, in addition to several Cocoa plug-in bundles for editing SVG elements... -
14
Reanimate
Haskell library for building declarative animations based on SVG
Reanimate is a Haskell-based animation library for programmatically creating high-quality vector animations. It provides declarative functionality for composing SVG-based animations and integrates with tools like LaTeX, FFmpeg, Inkscape, Blender, and more to deliver rich, animated content for educational and mathematical visualizations. Reanimate aims at being a batteries-included way of gluing together different technologies: SVG as a universal image format, LaTeX for typesetting, ffmpeg... -
15
Vivus.js
JavaScript library to make drawing animation on SVG
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. They all start and finish at the same time, hence the name... -
16
Glaxnimate
A simple vector graphics animation program
Glaxnimate is a vector graphics animation program which focuses on being quick and easy to use. It's designed to work well with short animations to show on the web, supporting several common web formats like GIF, WebP, Lottie, SVG, and others. -
17
Eva Icons
A pack of more than 480 Open Source icons, animations and fonts
Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items. Download our set on the desktop to use them in your digital products for Web, iOS and Android. Additionally, Eva Icons supports 4 animation types: zoom, pulse, shake and flip. Icons are provided in two visual types, Fill and Outline and in several formats, including PNG, SVG, font, Sketch, etc. you also can download icons one by one in PNG and SVG formats from Eva Icons Website. Load from... -
18
termtosvg
Record terminal sessions as SVG animations
termtosvg is a Unix terminal recorder written in Python that renders your command line sessions as standalone SVG animations. Produce lightweight and clean-looking animations embeddable on a project page. Custom color themes, terminal UI, and animation controls via SVG templates. Compatible with asciinema recording format. termtosvg is compatible with Linux, macOS and BSD OSes, requires Python >= 3.5 and can be installed using pip. -
19
React Move
Beautiful, data-driven animations for React
The API for React Move has been essentially stable since the 2.0 version. The 4.0 version of React Move introduced a change that broke the hard dependency on d3-interpolate and introduced the interpolation prop. The current version of React Move will by default only do numeric interpolation and apply easing functions. If you only need to do numeric interpolation you don't need to do anything. Just upgrade and done. The API for React Move 5.x and 6.x is exactly the same. The 5.x version just... -
20
Raphaël
JavaScript vector library
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library. Raphaël ['ræfeɪəl] uses the SVG W3C Recommendation and VML as a base for creating graphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal... -
21
Velocity
Accelerated JavaScript animation
Velocity is an animation engine with the same API as jQuery's animate. It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Velocity works everywhere — back to IE8 and Android 2.3. Under the hood, it mimics jQuery's queue, and thus interoperates seamlessly with jQuery's animate, fade, and delay. Since Velocity's syntax is identical to animate, your... -
22
Shape Shifter
SVG icon animation tool for Android, iOS, and the web
Shape Shifter is a web-app that simplifies the creation of icon animations for Android, iOS, and the web. This tool currently exports to standalone SVGs, SVG spritesheets, and CSS keyframe animations for the web, as well as to AnimatedVectorDrawable format for Android. I am totally open to adding support for other export formats as well, so if you have a format that you'd like to see added in the future, file a feature request! The ability to add/remove points to each path without altering... -
23
Snowflake HTML
SVG in Swift
SVG in Swift. Use XML parser from Reindeer. The Shape object maps to SVG elements. The Style object encapsulates style information. The cool thing about CALayer is that most of its properties are animatable. Snowflake is available through CocoaPods. Snowflake is also available through Carthage. Snowflake can also be installed manually. Just download and drop Sources folders in your project. -
24
svg-map-animation
generate animated video-clips from svg-image
Draw some track-segments as bezier-curves on top of a map-image. Run svgAnim.rb-script to generate a vido-clip witch shows the track animated from 0% to 100% visibility -
25
jQuery DrawSVG
Lightweight, simple to use jQuery plugin to animate SVG paths
Lightweight, simple-to-use jQuery plugin to animate SVG paths. This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties.