Search Results for "animation"
Sort By:
Showing 14 open source projects for "animation"
View related business solutions-
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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
1
ScrollMagic
The javascript library for magical scroll interactions
...Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add callbacks at specific scroll positions or while scrolling past a specific section. Either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). Pin an element starting at a specific scroll position, either indefinitely or for a limited amount of scroll progress (sticky elements). You can add callbacks at specific scroll positions or while scrolling past a specific section, passing a progress parameter. -
2
Atropos
Stunning touch-friendly 3D parallax hover effects
Atropos is a lightweight, open-source JavaScript library designed to add visually striking 3D parallax and hover effects to webpage elements — giving a sense of depth and interactivity when users hover or touch elements (cards, images, UI components). It works not only with vanilla JavaScript, but also provides integrations or support for modern frameworks (React, Vue, Web Components, etc.), making it easy to incorporate into a variety of web projects. Because Atropos is very small (just ~2... -
3
Ladda
Buttons with built-in loading indicators
Ladda is a small UI library that makes buttons feel responsive by combining loading indicators and progress feedback directly inside the button itself. Instead of showing spinners elsewhere on the page, Ladda turns the button into the stateful element: click it, it shows loading, and optionally it can show progress. This pattern improves user experience on forms and actions that take more than a split second, because users immediately understand that the click was received. Ladda ships with... -
4
cube-ui
Mobile UI library implement by Vue
...From DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration. Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience. Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient. Lightweight and flexible, support post-compile and importing on demand; High scalability, it is easy to implement secondary development based on existing components. ... -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
5
react-native-scrollable-tab-view
Tabbed navigation that you can swipe between
...Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start/stop methods to control time-based animation execution. -
6
Jssor
Touch swipe image slider/slideshow/gallery/carousel/banner mobile
...Jssor jQuery slider plugin and No-jQuery version slider work almost the same, both are for image slider carousel, and content slider carousel. Slideshow and caption slide animation are all available for both version. jQuery developers benefit from the jQuery js library. The no-jQuery version is a slider carousel without jQuery. Non-jQuery developers benefit from a lightweight cut/paste code snippet to embed into any web page freely. Jssor Slider works on any javascript-enabled browser, including Windows Phone, iOS, Android and Opera Mobile, etc. ... -
7
Effeckt.css
A Performant Transitions and Animations Library
...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. Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. By standardizing names and behaviors, it helps teams keep motion design consistent across a product while remaining easy to theme. The library doubled as a learning resource during the rise of CSS animations, showing how to achieve polished interactions without heavy JavaScript. -
8
Granim.js
Create fluid and interactive gradient animations
Create fluid and interactive gradient animations with this small javascript library. Lets you customize the direction of the gradient with pixels or percentage values. You can use more than 2 colors for the gradients, but cannot have different length of colors in the different states. Complete configuration with two states, an image and callbacks set. Granim will emit events you can listen to at key moments. How the image should blend with the gradient? You can see all the possible values on... -
9
react-particle-effect-button
Bursting particle effect buttons for React
react-particle-effect-button is a React component library that provides buttons (or UI elements) with visually appealing particle explosion effects — for instance, on click or hover. Instead of static buttons, using this library lets you enhance user interactions with dynamic particle animations, giving a more lively and interactive UX. It’s ideal for use cases like “like” buttons, call-to-action buttons, or any UI control where you want a bit of flair. Because it’s built for React,... -
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.
-
10
waitMe
jquery plugin for easy creating loading css3/images animations
jQuery plugin for easy creating and loading css3 animations. Simple to use. Contains 14 animation effects and can use images. For work required only jQuery, other libraries are not required. The plugin works on all browsers and IE10+ (for css3 animation effects). -
11
react-native-keyboard-spacer
Plug and play react-native keyboard spacer view
Plug and play iOS react-native keyboard spacer view. The view will automatically perform a layout animation when the keyboard appears or disappears. -
12
ProgressBar.js
Responsive and slick progress bars
...A simple code example of creating a Line shaped progress bar and animating it from 0% to 100%. ProgressBar.js uses shifty tweening library to animate path drawing. So in other words, animation is done with JavaScript using requestAnimationFrame. Animating with JS gives more control over the animation and is supported across major browsers. For example IE does not support animating SVG properties with CSS transitions. -
13
WOW.js
Reveal CSS animation as you scroll down a page
Reveal animations when you scroll. Easily customize animation settings like style, delay, length, offset, iterations, etc. By default, you can use it to trigger animate.css animations. But you can easily change the settings to your favorite animation library. Smaller than other JavaScript parallax plugins, like Scrollorama (they do fantastic things, but can be too heavy for simple needs). -
14
smoothState.js
Unobtrusive page transitions with jQuery
smoothState.js is a jQuery plugin that progressively enhances page loads to give us control over page transitions. If the user's browser doesn't have the required features, smoothState.js fades into the background and never runs. Imagine, for a second, how disorienting it would be if touching a doorknob teleported you to the other side of the door. Navigating the web feels like using a teleporting doorknob. Layouts change, elements rearrange or disappear, and it takes time for the user to...
- Previous
- You're on page 1
- Next
