Search Results for "animate" - Page 2
Sort By:
Showing 118 open source projects for "animate"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
1
slide-element
Promise-based library for animating elements with dynamic heights
Using JavaScript to animate an element open and closed hasn't traditionally been a straightforward task, especially if it contains dynamically sized content. You could go with something like jQuery's slideToggle(), but that path would require you to take on a lot more code than necessary. Another option is using CSS to change the max-height value of an element, but this approach is filled with arbitrariness and difficult to pull off well when you're not sure how much content you'll be animating over. ... -
2
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. -
3
Talking Head Anime from a Single Image
Demo for the "Talking Head Anime from a Single Image"
Talking Head Anime from a Single Image is a machine learning project that demonstrates how neural networks can animate anime characters using only a single input image. The system generates animated facial expressions and movements by applying pose transformations to a static image of an anime character. The underlying model uses deep learning techniques to predict how different facial features and body parts should move based on pose parameters or input signals. -
4
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). -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
5
RoughSwift
Create hand-drawn, sketchy, comic shape in Swift
...The returned CALayer contains the rendered result in the correct size and is updated every time the generator is instructed. The beauty of CALayer is that we can further animate, transform (translate, scale, rotate) and compose them into more powerful shapes. -
6
Physics Simulation Software based on user sketchs running a pattern recognition agent, this app is able to animate a physics sketch, from a blackboard
-
7
vue-content-loader
SVG component to create placeholder loading
...The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates. Because it renders as vector graphics, the output is crisp on all screens and cheap to animate. It’s easy to theme and reuse across a design system, keeping loading states consistent throughout a product. Teams use it to polish UX, align with brand motion, and signal progress without resorting to spinners that provide no structural hint of the incoming content. -
8
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. -
9
Gabedit is a Graphical User Interface for FireFly (PC-Gamess), Gamess-US, Gaussian, Molcas, Molpro, MPQC, NWChem, OpenMopac, Orca, PSI4 and Q-Chem computational chemistry packages.
-
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.
-
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
ScrollReveal
Animate elements as they scroll into view
ScrollReveal is a JavaScript library for animating HTML elements as they enter the browser viewport. Developers initialize a shared ScrollReveal instance and use its reveal method to target elements with CSS selectors. The library is designed to make scroll-triggered entrance effects easy to add without building custom visibility logic. It can be loaded directly in a browser or installed through npm. Both CommonJS and ES module import styles are supported for integration with modern... -
12
Fluro
Fluro is a Flutter routing library that adds flexible routing options
...The library focuses on clear, centralized route configuration, reducing boilerplate compared to hand-rolled navigation code. It supports custom route transitions so screens can animate in ways that match an app’s brand and motion language. Error handling hooks help capture unknown routes, and developers can funnel users to fallback pages or gracefully redirect. Because it sits close to Flutter’s own navigation mechanisms, it integrates cleanly and remains easy to adopt incrementally. Fluro’s sweet spot is teams that want readable, testable route tables and predictable parameter passing without heavy architectural overhead. -
13
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,... -
14
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. -
15
Dumbarton
Dumbarton is a Jekyll Theme developed by Tyler Butler
Dumbarton is a Jekyll Theme developed by Tyler Butler. The theme is designed for academics and features a simple home page with an about me section and an interactive highlights section to describe publications, coursework, courses taught, and projects. You can check out the project on Github, feel free to make contributions and feature requests, and don’t forget to give it a star. -
16
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).
-
17
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. -
18
Animatable
One property, two values, endless possiblities
Animatable is an interactive web gallery that demonstrates which CSS properties can transition between two values. Each tile represents one property and continuously alternates between a defined starting and ending state. Visitors can animate every example at once or trigger individual demonstrations by hovering. Selecting a tile reveals the property name, both values, authorship information, and controls for moving to adjacent examples. Keyboard navigation supports Escape and the arrow keys for faster exploration. The page generates its keyframes dynamically with JavaScript and applies compatibility fixes through StyleFix. ... -
19
Sugar for iOS
Something sweet that goes great with your Cocoa
Sugar is a sweetener for your Cocoa implementations. Gain easy access to main bundle information. To easily exclude operations from when you as a developer runs the application in the simulator, not subscribing to push notification or running analytics operations etc. Observe the keyboard showing and hiding events, and handle it. -
20
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. -
21
QMForge reads output from various quantum mechanical calculations and provides tools for analyzing these results. Specifically, population (Mulliken and C-squared), fragment, and charge decomposition analyses are available. See https://qmforge.net for more info.
-
22
Zdog
Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies. Zdog is friendly. Modeling is done with a straight-forward declarative API.... -
23
STEAM game
Arduino project, game STEAM test with record
...But it can be connected to a microusb charger. A motion sensor will allow the system to wake up. It will have touch sensors and LCD screens. It will also have a led array and a speaker to animate the game a bit. -
24
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 is to... -
25
Phaser 3 UI Components
Phaser 3 UI Components built by Adobe Animate
Phaser UI Comps is a plugin for Phaser 3 that enables developers to design user interface components using Adobe Animate and export them for use in Phaser games. It streamlines the process of creating interactive UI elements by leveraging JSON and texture atlases generated from Animate.
