Search Results for "animate"
Sort By:
Showing 30 open source projects for "animate"
View related business solutions-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
Secure File Transfer for Windows with Cerberus by RedwoodCerberus supports unlimited users and connections on a single IP, with built-in encryption, 2FA, and a browser-based web client — all deployable in under 15 minutes with a 25-day free trial.
-
1
Aseprite
Animated sprite editor & pixel art tool
Aseprite is a program to create animated sprites. Sprites are composed of layers & frames as separated concepts. Support for color profiles and different color modes: RGBA, Indexed (palettes up to 256 colors), Grayscale. Animation facilities, with real-time preview and onion skinning. Copy & paste. Drag & drop. Resize palette. Palette entries with alpha value. Select color harmonies. Create light and shadows with the shading ink. Create perfect strokes for pixel-art. Avoid extreme pixel... -
2
anime.js
JavaScript animation engine
...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 and demonstrations to get you animating in no time. Animate everything you want simply and easily with anime.js. -
3
Vizzu
Library for animated data visualizations and data stories
...Create a placeholder element that will contain the rendered chart. The Vizzu constructor has to load Vizzu's WebAssembly module asynchronously to prevent blocking the whole page. Because of this, any method except animate() will throw an exception while the library is not initialized. There is an initializing promise in the Vizzu class, which will resolve when initialization is finished. You can call all methods after this promise is resolved. -
4
Its Hover
Icons that move with intent
Its Hover is an animated icon library built for real interfaces, where icons respond to interaction with motion that feels intentional rather than decorative. Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling... -
Stop Cyber Threats with VM-Series Next-Gen Firewall on AzureGain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
-
5
react-native-animatable
Set of animations and declarative transitions for React Native
Declarative transitions and animations for React Native. To animate things you must use the createAnimatableComponent composer similar to the Animated.createAnimatedComponent. The common components View, Text and Image are precomposed and exposed under the Animatable namespace. If you have your own component that you wish to animate, simply wrap it with a Animatable.View. To make looping animations simply set the iterationCount to infinite. -
6
Vue Starport
Shared component across routes with animations
Vue Starport is a library for Vue 3 that allows shared components to animate across route transitions while preserving internal component state. Traditional transitions between routes in Vue often destroy and recreate components, losing state. Starport solves this by hoisting the component to a root level container (<StarportCarrier>), using a proxy at the source and destination positions, and then using Teleport to land the component in its new place. -
7
React Transition Group
Perform animations when a React component enters or leaves the DOM
...A set of components for managing component states (including mounting and unmounting) over time, specifically designed with animation in mind. The Transition component lets you describe a transition from one component state to another over time with a simple declarative API. Most commonly it's used to animate the mounting and unmounting of a component. -
8
Svelte Animation on Scroll
Svelte Animation on Scroll
Svelte Animation on Scroll. A small component to make your CSS animations work on scroll with Svelte. SAoS allows you to animate once or multiple times an element on a scroll, you can define the top and bottom "triggers" and the CSS of the internal divs (not recommended, but it can help in some cases). -
9
CSS Animation 101
Learn how to bring animation to your web projects
...Throughout, examples demonstrate practical use cases like button feedback, content reveals, loaders, and micro-interactions that enhance user experience without overwhelming it. Performance considerations are discussed, including which properties animate cheaply and how to avoid jank with compositing-friendly transforms. By combining explanation with runnable examples, the resource helps designers and developers develop an intuition for motion that translates directly into everyday interfaces. -
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
10
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. -
11
Animate.css
Just-add-water CSS animations
Animate.css is a cross-browser library of cool and fun CSS animations. When you need to add some oomph and awesomeness to your projects, simply slide in one of these just-add-water animations and watch your visuals significantly improve! Using Animate.css animations is incredibly simple and easy. It takes just a couple of steps to get an awesome CSS animated element. Choose from a wide array of animations, and control their speeds. Use these animations to make a statement, for emphasis,... -
12
lax.js
Library to create smooth & beautiful animations when you scroll
...Multiple presets can be chained together and they can be customised to suit your needs. Use the preset explorer to explore effects and see a simple example here. To increase performance, lax.js indexes the list of elements to animate when the page loads. If you're using a library like React, Vue or EmberJS, it is likely that you are adding elements after the initial window.onload. Because of this you will need to call lax.addElements when you add components to the DOM that you want to animate. -
13
Gato (Graph Animation Toolbox): Animate graph algorithms for example for computing shortest paths, minimal spanning trees, maximum flows or maximal cardinality or weight matchings. Create your own animations using the Animated Data Structures (ADS).
-
14
TweenKit
Animation library for iOS in Swift
TweenKit is a powerful animation library that allows you to animate (or 'tween') anything. TweenKit's animations are also scrubbable, perfect for building awesome onboarding experiences! By adding conformance to the Tweenable protocol, anything can be animated. You decide what it means to 'tween' your object, making this a flexible approach. -
15
React Move
Beautiful, data-driven animations for React
...Before looking at the components it might be good to look at starting state. You are going to be asked to define starting states for each item in your NodeGroup and Animate components. This is a key concept and probably the most error prone for developers working with React Move. -
16
Ant Motion
Animate specification and components of Ant Design
...In the React framework, you only need a simple piece of code to achieve animation effects, which can improve your work efficiency. With more friendly interaction, let the animate shuttle between different elements, so that the product can better talk to the user. -
17
Arabic Letters for Adobe Animate
Display Arabic characters correctly inside Adobe Animate (or Flash)
The Arabic Letters is a Script designed to help Arab Designers and Developer to work with Adobe Animate (Previously Adobe Flash) to display Arabic characters and words correctly inside program. حل مشكلة الكتابة بالحروف العربية داخل برنامج أدوبى أنيميت (أدوبى فلاش سابقا) يقوم البرنامج بتصحيح ظهور الحروف المتقطعة لتظهر بشكل سليم. -
18
Interpolate
Swift interpolation for gesture-driven animations
...The Swift compiler might have issues to infer the type of the array so it's best to be explicit. For other types of gesture recognizers that only report a beginning and an end (e.g. a UILongPressGestureRecognizer), you can animate directly to a target progress value with a given duration. -
19
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. -
20
morphobj3DS_chung
a free program for viewing / morphing / animate obj 3ds mesh objects
morphobj3DS chung is a free program for viewing / morphing multi obj 3ds mesh model objects and obj models up to 200k vertices for high quality animations . Uses loadobj3ds_chung and openGL . Comes with an example of waking 3ds elephant and bikini lady animation with face3D head . Is written in fast freebasic . Combine multiple variations meshes with a base mesh to easily build complex animations . Can run on old pcs with openGL1.4 . -
21
-
22
React-Motion
A spring that solves your counter animation problems
Animate a counter from 0 to 10. Works with React-Native v0.18+. A spring that solves your animation problems. You can develop simple transitions, chat heads, draggable balls, todoMVC list transition, photo gallery, spring parameters chooser, water ripples, and draggable lists. For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. -
23
flump
Exports Flash .FLAs to GPU-friendly formats
Flump is a toolchain for converting Flash timeline animations into lightweight runtime formats suitable for games. It allows artists to design animations in Adobe Flash (now Animate) and export them for playback in game engines using ActionScript, Java, or other runtimes. This helps maintain smooth vector animations with minimal performance cost, particularly for mobile and web games. -
24
3D Graphics Library for MR (VR & AR)
Experience the Reality !
This is a little Program that I have done recently, made by my Algorithm for showing 3D Objects in 2D & can be implemented on any Programming Language ( No Open Source Packages/APIs are used. ) You can build & animate whatever you want. Final version will be released soon. -
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.
