Search Results for "animation"
Sort By:
Showing 13 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.
-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
1
Its Hover
Icons that move with intent
...It’s also meant to be forked and modified: you can copy the source of any icon, tweak the animation curves, adjust stroke width, and refine styling to match your system. -
2
Text-to-lottie
Generate production-ready Lottie animations with Claude Code or Codex
lottie is an open-source framework for generating production-ready Lottie animations with coding agents such as Claude Code or Codex. It provides a text-to-lottie skill that helps an agent create animation projects from prompts, SVGs, screenshots, real data, or motion design instructions. Each generated animation lives as a scene inside a project and updates inside the included player as the agent edits the Lottie JSON. The project includes guidance for better prompts, including timing language, camera movement, frame rate, duration, and customizable controls. ... -
3
html-video
Programmatic video for coding agents — HTML to video on your laptop
...The workflow can support motion graphics, social content, product visuals, and structured video experiments. Its main value is turning HTML-based design and animation into a repeatable, agent-friendly video production pipeline. -
4
CountUp.js
Animates a numerical value by counting to it
CountUp.js is a dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way. Install via npm/yarn using the package name countup.js. Despite its name, CountUp can count in either direction, depending on the start and end values that you pass. CountUp.js supports all browsers. MIT license. CountUp v2 is distributed as an ES6 module because it is the most standardized and most widely compatible module for... -
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
5
react-use
Component for React
Tracks device battery state. Plays audio and exposes its controls. Tracks geo location state of user's device. Triggers callback when user clicks outside target area. Tracks mouse hover state of some element. Display an element or video full-screen. Tracks location hash value. Tracks whether user is being inactive. Tracks an HTML element's intersection. Synthesizes speech from a text string. Tracks page navigation bar location state. Re-renders component, while tweening a number from 0 to 1.... -
6
tsParticles
Easily create highly customizable particles
Easily create highly customizable particles, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available for React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Solid, Riot and Web Components. A lightweight TypeScript library for creating particles. Dependency-free, browser ready and compatible with React.js, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno, Riot.js, Solid.js, and Web... -
7
vinext-starter
An interactive 3D human anatomy explorer built using threejs
...The interface prefetches models and image assets to make switching between specimens feel responsive. The application is built with React, Three.js-based rendering, GSAP interface animation, and a modern full-stack web starter with optional Cloudflare services. -
8
react-rewards
A package containing a few micro-interactions you can use
...If a huge cloud of smiling emoji doesn't fit your application well, try changing the physics config to make it more subtle. In order to use the rewards, you'll need to provide an element that will become the origin of the animation. This element needs to have an ID that matches the one used inside the hook - it can be anywhere in the DOM as long as the IDs match. You can place the element inside a button, center it and shoot up from the button. You can place it on top of the viewport with position: "fixed" and change the angle to 270, to shoot downwards. ... -
9
Vue Starport
Shared component across routes with animations
...It uses the FLIP (First, Last, Invert, Play) technique: it captures initial position & size, moves the component in a floating state, then lands it into the new layout. This gives a smooth “fly from one page to another” animation effect for components that appear across routes (e.g., a card in list view flying into detail view). It’s especially suited for immersive UI/UX flows in single-page apps built with Vue. The library is experimental and requires Vue 3. -
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
10
anichart.js
Easily create data visualization animation videos
anichart.js is a JavaScript and TypeScript visualization library designed to transform structured data into animated charts, particularly dynamic bar chart race visualizations. It allows developers to create time-based animations that display ranking changes and trends in an engaging and visually intuitive way. The library provides tools for rendering charts on a canvas, managing transitions, and synchronizing data over time. It supports exporting animations as video files, making it... -
11
Scene.js
Scene.js is JavaScript & CSS timeline-based animation library
...Even though the time between the start and end of each element is different, it can be repeated. Scene.js supports a variety of value types, such as CSS, and can be handled in JavaScript. Scene.js provides effect presets that can give animation effects or make animation easier. You can view the code and animation of clapperboard, the main logo of scene.js -
12
react-three/flex
Flexbox for react-three-fiber
Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open-source layout engine for react-native. Simply create layouts by wrapping your 3D objects in different <Box /> instances inside a <Flex /> container. This way they will be automatically placed in the 3D space following the flexbox specification just like in the DOM. You can tweak the container and the boxes using standard CSS flex properties, like... -
13
Shape Shifter
SVG icon animation tool for Android, iOS, and the web
...The ability to reverse/shift the relative positions of each path's points. While reordering points won't affect whether or not two paths are compatible, it often plays a huge role in determining the appearance of the resulting animation.
- Previous
- You're on page 1
- Next
