Search Results for "transitions"
Sort By:
Showing 21 open source projects for "transitions"
View related business solutions-
Earn up to 16% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
Full-stack observability with actually useful AI | Grafana CloudBuilt on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
-
1
Hero iOS
Elegant transition library for iOS & tvOS
Hero is a library for building iOS view controller transitions. It provides a declarative layer on top of the UIKit’s cumbersome transition APIs—making custom transitions an easy task for developers. Hero is similar to Keynote’s Magic Move. It checks the heroID property on all source and destination views. Every matched view pair is then automatically transitioned from its old state to its new state. -
2
Lottie for React Native
Lottie wrapper for React Native
...It enables smooth and interactive vector animations in React Native apps with minimal performance overhead. Lottie animations are resolution-independent and highly customizable, making them ideal for splash screens, loaders, and transitions. -
3
ImAnim
Animation Engine for Dear ImGui
...It lets developers add rich, smooth animations to user interface elements with minimal boilerplate, matching the responsive nature of ImGui without introducing heavy external dependencies. Support for a wide range of easing functions, tweens, and keyframe clips gives fine-grained control over value transitions like position, scale, opacity, and color. Because it is built to complement ImGui’s design, ImAnim integrates naturally into existing render loops and retains the performance and simplicity that make ImGui popular for tools and development UIs. The project includes examples and demos demonstrating hover effects, timeline control, procedural motion, and complex sequences, making it easier for developers to explore its capabilities. ... -
4
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,... -
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
5
cliper
Java3d scenegraph editor
...Place them and set size, dimensions, duplicate, group. 3-Color/texture Apply textures, colors, transparency 4-Animation/ story board Move object between two points or more(placement /orientation in space). Rotation, orbit, transparency/color change, traveling, with timers. Scenes are linked, making a movie with smooth transitions when running. Changes : New viewpoint and objects move way. Some fixes in code -
6
react-native-animatable
Set of animations and declarative transitions for React Native
...To make looping animations simply set the iterationCount to infinite. Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap, all animated, all declarative! If you don't supply a duration property, a spring animation will be used. Transitions require StyleSheet.flatten available in React Native 0.15 or later. If you are running on anything lower, please polyfill as described under imperative usage. -
7
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. -
8
React Transition Group
Perform animations when a React component enters or leaves the DOM
Exposes simple components useful for defining entering and exiting transitions. React Transition Group is not an animation library like React-Motion, it does not animate styles by itself. Instead it exposes transition stages, manages classes and group elements and manipulates the DOM in useful ways, making the implementation of actual visual transitions much easier. Since react-transition-group is fairly small, the overhead of including the library in your application is negligible. ... -
9
Jelly
Library for animated, non-interactive & interactive transitions
Jelly is a library for animated, non-interactive & interactive view controller transitions and presentations with a focus on a simple yet flexible API. With a few lines of source code, interactive UIViewController transitions and custom resizable UIViewController presentations can be created, without the use of the cumbersome UIKit Transitioning API. Interactive transitions can be activated for the slide and the cover transitions. -
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.
-
10
CSS Animation 101
Learn how to bring animation to your web projects
CSS Animation 101 is a tutorial resource that teaches the fundamentals of motion on the web using only CSS. It starts with core building blocks—transitions, transforms, and keyframes—and then layers in timing functions, delays, and choreography to create more expressive sequences. The material stresses clarity and maintainability, showing how to structure styles so animations are easy to reason about and adjust. Throughout, examples demonstrate practical use cases like button feedback, content reveals, loaders, and micro-interactions that enhance user experience without overwhelming it. ... -
11
AnimatedCollectionViewLayout
UICollectionViewLayout subclass adding custom transitions/animations
A UICollectionViewLayout subclass that adds custom transitions/animations to the UICollectionView without effecting your existing code. Normally a UICollectionView has no transition effects when you scroll from one item to another. There are lots of ways to write animations for UICollectionView, but using a UICollectionViewLayout subclass is by far the simplest one. And it doesn't break any of your existing code. -
12
lightgallery.js
Full featured JavaScript image & video gallery
lightgallery.js uses CSS-only approach for resizing images and videos. So it will be extremely flexible, and considerably faster than using the JavaScript approach. lightgallery.js comes with a few built in modules, such as thumbnails, full screen, zoom, etc. It is easy to create your own modules, as well as detach modules that you don't want to use. lightgallery.js supports touch and swipe navigation on touchscreen devices, as well as mouse drag for desktops. This allows users to navigate... -
13
React Flight
The best way to build animation compositions for React
...It supports interactive previewing of frames (via showFrames mode), and integrates (at least at the time) with jQuery/Velocity under the hood (though future versions may remove the jQuery dependency). It’s well-suited for teams creating rich UI transitions, micro-animations and interactive components in React applications. -
14
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. ... -
15
Pop
iOS and OS X animation library for physics-based interactions
...The API allows quick integration with existing Objective-C or Swift codebases and enables the animation of any property on any object. It's a mature and well-tested framework that drives all the animations and transitions in Paper. By adding the project to your project and adding pop.embedded framework to the Embedded Binaries section on the General tab of your app's target, you can set up pop in seconds! The Pop interface is implemented as a category addition on NSObject. Any NSObject or subclass can be animated. There are four concrete animation types: spring, decay, basic and custom. -
16
css3-
CSS3 implements various 3D && 3D planetary animation effects
...The repository focuses on helping front-end developers understand how to implement sophisticated UI effects using native browser features rather than heavy external libraries. It covers a wide range of topics including animations, layout tricks, transitions, and creative visual compositions. The project is structured as a reference-style showcase where each example isolates a specific technique, making it easy to study and adapt into real projects. Its educational value lies in revealing non-obvious CSS behaviors and encouraging deeper mastery of the styling layer. Overall, css3- serves as a comprehensive learning and inspiration resource for developers seeking to master advanced CSS3 techniques. -
17
Velocity
Accelerated JavaScript animation
...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 code doesn't need to change. JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it's jQuery that's slow. ... -
18
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. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the rest. ... -
19
Material Motion
A toolkit for building responsive motion using Core Animation
...See the Getting Started guide for more information. You will need to add use_frameworks! to your Podfile in order use Material Motion in your swift app. A contextual view can be used to create continuity during transitions between view controllers. In this case study the selected photo is the contextual view. It's possible to flick the view to dismiss it using the tossable interaction. -
20
View Controller Transitions Library
Collection of iOS7 animation controllers and interaction controllers
View Controller Transitions Library is a collection of iOS7 animation controllers and interaction controllers, providing flip, fold and all kinds of other transitions. With iOS 7 you can easily create custom view controller transitions that can be used in a range of contexts (push, pop, modal, etc.) This project provides a library of custom animations which can be dropped directly into your project. -
21
Create movies from still pictures. Add transition, text animation, Ken Burns and other effects, insert a video to your slideshow, add musics with some audio effects. Derived from Imagination.
- Previous
- You're on page 1
- Next
