Showing 69 open source projects for "animation"

View related business solutions
  • Earn up to 16% annual interest with Nexo. Icon
    Earn up to 16% annual interest with Nexo.

    More flexibility. More control.

    Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
    Get started with Nexo.
  • Gemini 3 and 200+ AI Models on One Platform Icon
    Gemini 3 and 200+ AI Models on One Platform

    Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

    Build generative AI apps with Vertex AI. Switch between models without switching platforms.
    Start Free
  • 1
    texgen.js

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    cube-ui

    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. ...
    Downloads: 5 This Week
    Last Update:
    See Project
  • 3
    react-native-scrollable-tab-view

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    react-native-material-textfield
    Material texfield with consistent behavior on iOS and Android.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Full-stack observability with actually useful AI | Grafana Cloud Icon
    Full-stack observability with actually useful AI | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built 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.
    Create free account
  • 5
    Jssor

    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. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    Raphaël

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    Swing

    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.
    Downloads: 9 This Week
    Last Update:
    See Project
  • 8
    epic-spinners

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    Effeckt.css

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Try Google Cloud Risk-Free With $300 in Credit Icon
    Try Google Cloud Risk-Free With $300 in Credit

    No hidden charges. No surprise bills. Cancel anytime.

    Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
    Start Free
  • 10
    Ant Motion

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    Granim.js

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    MixItUp 3

    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...
    Downloads: 5 This Week
    Last Update:
    See Project
  • 13
    react-particle-effect-button

    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,...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    Drception

    Drception

    Fractals generator with powerful functionality.

    Fractals generator with powerful functionality. E-mail: programmingspecial@gmail.com
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    NOTY

    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.
    Downloads: 8 This Week
    Last Update:
    See Project
  • 16
    waitMe

    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).
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    mui

    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. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 18
    react-native-keyboard-spacer

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    vue-countTo

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    jquery-circle-progress

    jquery-circle-progress

    jQuery Plugin to draw animated circular progress bars

    jQuery Plugin to draw animated circular progress bars.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    jquery-animateNumber

    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).
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    jQuery DrawSVG

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    Amaze UI

    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...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    ProgressBar.js

    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.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Move.js

    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".
    Downloads: 0 This Week
    Last Update:
    See Project
MongoDB Logo MongoDB