Search Results for "animation" - Page 2
Sort By:
Showing 69 open source projects for "animation"
View related business solutions-
Earn up to 16% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
1
texgen.js
JavaScript Texture Generator
texgen.js is a compact JavaScript library for generating procedural textures directly in the browser. It exposes a set of composable operations—noise, gradients, patterns, transforms, blends—that you can stack to create complex materials without image files. The API is deliberately fluent, letting you chain nodes to define a pipeline and then render to a canvas or WebGL texture. This approach is ideal for games, demos, and creative coding where small footprint and dynamic variation matter... -
2
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. ... -
3
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. -
4
react-native-material-textfield
Material textfield
Material texfield with consistent behavior on iOS and Android. -
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.
-
5
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. ... -
6
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... -
7
Swing
A swipeable cards interface
...The library allows developers to build interfaces where elements can be swiped left, right, or in other directions, triggering specific actions. It is highly customizable, enabling control over thresholds, directions, and animation behavior. Swing is lightweight and framework-agnostic, making it easy to integrate into different web projects without heavy dependencies. It is commonly used for building interactive UI components such as recommendation systems or decision-based interfaces. Overall, swing offers a simple yet powerful way to implement gesture-driven interactions in web applications. -
8
epic-spinners
Easy to use CSS spinners collection with Vue.js integration
...View demo to see vue.js components usage examples and HTML/CSS source code. To use pure HTML/CSS version, visit our gallery and click any spinner to see its HTML/CSS source code. You can easily configure spinners' size, color, and animation speed. -
9
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. -
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
Ant Motion
Animate specification and components of Ant Design
...Use Ant Motion to quickly use animations in the React framework. We offer single, combined and complete animations solutions. 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. -
11
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... -
12
MixItUp 3
Library for animated filtering, sorting, insertion, removal and more
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial... -
13
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,... -
14
Drception
Fractals generator with powerful functionality.
Fractals generator with powerful functionality. E-mail: programmingspecial@gmail.com -
15
NOTY
NOTY is a dependency-free notification library
NOTY is a notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative the standard alert dialog. There are lots of other options in the API to customize the text, animation, buttons, and much more. It also has various callbacks for the buttons, opening closing the notifications, and queue control. Dependency-free notification library that makes it easy to create alert - success - error - warning - information - confirmation messages as an alternative to the standard alert dialog. -
16
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). -
17
mui
High-performance framework closest to native APP experience
The gap between performance and experience has always been the primary reason for mobile app developers to abandon HTML5. The browser’s natural page-cutting white screen, the unbearable turning animation, the jittering of floating elements, and the inability to pull down to refresh smoothly, all of which frustrate HTML5 developers, especially when they get a low-end Android machine to run, and the phone falls. On the other hand, the browser default control styles are few and ugly, making a beautiful control is very troublesome, and there are some simple UI frameworks but low performance. ... -
18
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. -
19
vue-countTo
It's a vue component that will count to a target number
Vue-countTo is a lightweight, dependency-free Vue component that smoothly animates numbers from a start value to an end value over a specified duration. It automatically detects whether to count up or down based on the given values. The component exposes props for timing, easing, and dynamic updates so you can adjust targets on the fly. Because it’s SSR-friendly, it can be used in universal apps without breaking server rendering. A live demo showcases common use cases like incremental... -
20
jquery-circle-progress
jQuery Plugin to draw animated circular progress bars
jQuery Plugin to draw animated circular progress bars. -
21
jquery-animateNumber
jQuery animate number
jQuery numbers animation plugin, adds 'number' property and step function to jQuery's animate function properties. Requires jQuery 1.7.0 or higher (latest tested with 3.3.1). -
22
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. -
23
Amaze UI
Amaze UI, a mobile-first and modular front-end framework
China's first open source HTML5 multi-screen front-end framework. We look forward to your participation and work together to create a simple and easy-to-use front-end framework! Based on the concept of Mobile first, Amaze UI gradually expands from small screens to large screens, and finally realizes all screen adaptations, adapting to the trend of mobile internet. Amaze UI contains nearly 20 CSS components, 10 JS components, and 17 web components containing nearly 60 themes. It can quickly... -
24
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. -
25
Move.js
CSS3 backed JavaScript animation framework
Move.js is a small JavaScript library making CSS3 backed animation extremely simple and elegant. Increment prop by val, where val is an Number (click several times). Decrement prop by val, where val is an Number (click several times). Set animation duration to n which is a Number or a string such as "4s". Translate x and optionally y axis. Set animation-delay to n which is a Number or a string such as "4s".
