Search Results for "can"
Sort By:
Showing 79 open source projects for "can"
View related business solutions-
Our Free Plans just got better! | Auth0You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
-
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.
-
1
three.js
JavaScript 3D library
...A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. Finally, the cube is animated within the scene for the camera. A plethora of examples can be found in the project’s website (https://threejs.org/) which use Canvas 2D, SVG and CSS3D renderers that the library also provides. -
2
Pencil2D Animation
Pencil2D is an easy, intuitive tool to make 2D hand-drawn animations
An easy, intuitive tool to make 2D hand-drawn animations. Lightweight and easy to use so you can focus on animating and not on what button to hit next. Seamlessly switch between raster and vector workflows, allowing you to sketch, ink & paint on the go. Pencil2D is cross-platform and runs on Windows, macOS, Linux & FreeBSD. Pencil2D is completely open source and free to use, even commercially. -
3
OpenToonz
An open-source full-featured 2D animation creation software
...It is designed for full animation workflows, including drawing, scanning, cleanup, coloring, compositing, effects, and final output. The project is especially notable because it connects professional animation heritage with an open-source development model. Artists can use it for traditional frame-by-frame animation, digital production pipelines, and experimental visual workflows. It supports desktop use across major operating systems and continues to be maintained by a public contributor community. OpenToonz is best suited for animators, studios, students, and independent creators who need a powerful 2D animation tool without a proprietary license barrier. -
4
Animated Drawings
Code to accompany "A Method for Animating Children's Drawings"
...The idea is that you draw a simple static figure (stick figure, silhouette, or contour lines), and the system produces plausible skeletal motion (walking, jumping, dancing) that adheres to the drawn shape constraints. The architecture separates shape embedding (to understand user-drawn geometry) from motion embedding / generation (to produce temporally coherent movement). Users can provide rough keyframes or control constraints (pose anchors), and the system fills intermediate frames with fluid animation. The repository includes demonstration apps and notebooks where you can upload or draw shapes and watch animations play. Because the approach is data-driven, it generalizes to new drawings even with varying proportions or stylizations. -
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
5
Typed.js
A JavaScript typing animation library
...Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set. Rather than using the strings array to insert strings, you can place an HTML div on the page and read from it. This allows bots and search engines, as well as users with JavaScript disabled, to see your text on the page. You can pause in the middle of a string for a given amount of time by including an escape character. CSS animations are built upon initialization in JavaScript. But, you can customize them at your will! -
6
Monster Mash
New Sketch-Based Modeling and Animation Tool
...The interface favors immediacy: draw, inflate, pose, and record motion directly in the canvas, without manual rigging, weight painting, or complicated asset pipelines. Under the hood it builds a lightweight surface and auto-assigns handles so you can grab and move parts intuitively, with smooth deformations propagating across the body. Because it runs interactively, artists iterate rapidly—blocking poses, trying alternate proportions, or recording short performances—before exporting results downstream. It’s equally useful for education, previs, and indie production where fast iteration trumps photorealism. -
7
Vizzu
Library for animated data visualizations and data stories
Vizzu is a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them. It can be used to create static charts but more importantly, it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation. Create a placeholder element that will contain the rendered chart. The Vizzu constructor has to load Vizzu's WebAssembly module asynchronously to prevent blocking the whole page. ... -
8
Lottie
Render After Effects animations natively on Mobile, Web & React Native
Lottie is a wonderful library for Android, iOS, Web, and Windows that works by parsing Adobe After Effects animations that have been exported as json with Bodymovin, and then rendering these natively on mobile and on the web! Now you can have beautiful animations without engineers having to recreate everything by hand. Building animations by hand is time consuming, and other animation alternatives like Gifs and Png sequences don’t offer the same flexibility and varied features that Lottie offers. With Lottie, you can achieve exquisite animations exactly how you want, with no additional engineering effort whatsoever. ... -
9
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 browsers, though a UMD module is also included. ... -
$300 Free Credits to Build on Google CloudStart your next project with $300 in free Google Cloud credit. Spin up VMs, run containers, query petabytes in BigQuery, or build agents with Gemini Enterprise Agent Platform. Once your credits are used, keep building with 20+ always-free tier products including Compute Engine, Cloud Storage, GKE, and Cloud Run functions. No commitment required—just sign up and start building.
-
10
SteadyDancer
Harmonized and Coherent Human Image Animation
...By differentiating between intentional rhythmic motion and unintentional instability, SteadyDancer applies adaptive filtering that enhances video quality without flattening the core movement dynamics. The system can be used both in preprocessing pipelines for content creators and in live feedback loops for performers, giving dancers and videographers a tool to refine their visual outputs. It supports integration with standard video formats and includes customizable parameters so users can tune stabilization aggressiveness. -
11
Its Hover
Icons that move with intent
...The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. 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. -
12
Text-to-lottie
Generate production-ready Lottie animations with Claude Code or Codex
...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. Generated files can be used directly as Lottie JSON or imported into After Effects for refinement. It is useful for designers and developers who want AI-assisted motion graphics while keeping the output inspectable, editable, and production-oriented. -
13
PersonaLive
Expressive Portrait Image Animation for Live Streaming
...It leverages deep generative models that condition on a static reference image and a driving input (such as motion or expression cues) to produce a seamless animated portrait sequence that can run indefinitely without segmentation artifacts. The framework prioritizes low-latency and streamable output, making it suitable for real-time creative workflows, broadcast overlays, or interactive avatars on consumer-grade GPUs. PersonaLive’s architecture balances visual quality and efficiency by combining motion encoding, temporal modules, and hybrid implicit control signals to preserve identity and stable expression through long sequences. -
14
Manim Skills Repository
Agent skills for Manim to create 3Blue1Brown style animations
...It supplies templates, best-practice patterns, and example scenes that help users quickly get started with both Manim Community Edition and the older ManimGL framework, allowing for expressive mathematical and conceptual animations without reinventing the wheel. The project aims to wrap common animation logic into structured skills that can be invoked programmatically, reducing boilerplate and allowing creators to focus on creative content rather than low-level animation setup. With clear installation instructions and a collection of test cases, it’s approachable for developers comfortable with Python and interested in educational or technical visualization. -
15
Christmas Tree
Just a simple Christmas tree, based on reddit story
...Because tree structures are ubiquitous in computing—from file systems and organizational charts to DOM structures and evolutionary taxonomies—atree provides a reusable foundation for representing and interacting with nested data. It separates the logical model from rendering concerns, so you can use it as the data backbone in UI frameworks, graphs, or custom visual components. The library’s API makes it easy to add, remove, or move nodes anywhere in the hierarchy while maintaining consistent references and performance. -
16
frame.js
JavaScript Sequence Editor
...By providing a simple lifecycle—start, stop, tick—it encourages separation between state updates and rendering, which is essential for smooth visuals. The library aims to be unobtrusive: you can drop it into demos or prototypes without adopting a large framework. Because it centralizes timing, it becomes easier to coordinate multiple animated elements or throttle work on low-power devices. For creative coding, micro-games, and UI flourishes, it offers just enough structure to keep animation code tidy. -
17
ipyvizzu
Build animated charts in Jupyter Notebook and similar environments
ipyvizzu - Build animated charts in Jupyter Notebook and similar environments with a simple Python syntax ipyvizzu is an animated charting tool for Jupyter, Google Colab, Databricks, Kaggle and Deepnote notebooks among other platforms. ipyvizzu enables data scientists and analysts to utilize animation for storytelling with data using Python. It's built on the open-source JavaScript/C++ charting library Vizzu. There is a new extension of ipyvizzu, ipyvizzu-story with which the animated charts can be presented right from the notebooks. Since ipyvizzu-story's syntax is a bit different to ipyvizzu's, we suggest you to start from the ipyvizzu-story repo if you're interested in using animated charts to present your findings live or to share your presentation as an HTML file. -
18
Wave
Wave is a spring-based animation engine for iOS and macOS
Wave is a spring-based animation engine for iOS, iPadOS, and macOS. It makes it easy to create fluid, interactive, and interruptible animations that feel great. Wave has no external dependencies, and can be easily dropped into existing UIKit, SwiftUI, or AppKit based projects and apps. The core feature of Wave is that all animations are re-targetable, meaning that you can change an animation’s destination value in-flight, and the animation will gracefully redirect to that new value. -
19
Spritesheet Cutter/Map Editor
Spritesheet Cutter Level Editor Animation Tester gridcutter
With the Spritesheet Cutter (also called Map Editor or Level Editor) you can cut/share/export/move/name single or multiple sprites using drag & drop. There is a copy mode so maps can be created. Sprites are numbered left to right/top to bottom or randomly. Sprites can be added to a sheet and saved as a whole. An animation preview is included. Spritesheet Cutter can create GIFs and XMLs. Color selections can be converted to transparency. -
20
Kage Studio Animation Software
A simple multi-platfom 2D Animation Software for all ages!
Kage Studio is a vector-based 2D Animation multi-platform Software for Windows, Mac OS, and Debian/Ubuntu GNU/Linux suitable for beginners, hobbyists, and soon even professionals. Written with GTKmm 3.0, Kage Studio has a clean User Interface. Truly an Animation Software, not an airplane cockpit. Kage Studio can export animation to HTML5 (canvas), PNG sequence, Spritesheet, SVG, video (MP4, MKV, OGV, AVI, MOV), and KonsolScript. -
21
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. ... -
22
Scene.js
Scene.js is JavaScript & CSS timeline-based animation library
Scene.js supports two plays: javascript and css animation. It's perfect to use it in context and not feel the difference. Scene.js have complete control over time. No matter what time you choose, this can show you the right movement for that time. With Scene.js, SVG can be used by CSS animation in Chrome and can also be controlled by point through 'attribute'. Scene.js can control multiple elements at the same time. 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. ... -
23
css-spinner
Small, elegant pure css spinner for ajax or loading animation
...However, the Microsoft Internet Explorer version earlier than 10 doesn't support CSS Animation. To support older IE, you have to use a GIF format image. Choose one from loading.io's online spinner gallery and you can customize a unique loader GIF with our icon editor easily. Some older browsers need prefixes like '-WebKit-' to use CSS Animation. To minimize file size, we omitted all vendor prefixes in loaders' CSS, but you can customize this by building CSS from the source. We also provide stylus and pug source files for better integrating these spinners into your project. ... -
24
Svelte Animation on Scroll
Svelte Animation on Scroll
Svelte Animation on Scroll. A small component to make your CSS animations work on scroll with Svelte. SAoS allows you to animate once or multiple times an element on a scroll, you can define the top and bottom "triggers" and the CSS of the internal divs (not recommended, but it can help in some cases). -
25
Hamburgers
Tasty CSS-animated Hamburgers
Hamburgers is a collection of tasty CSS-animated hamburger icons. Also included is the source as a Sass library. It’s modular and customizable, so cook up your own hamburger. The hamburger button belongs inside the <nav> so that assistive technologies will be able to locate the navigation, and to allow these users to easily locatate the hamburger button, without having to search up and down the DOM, once they realize they've found themselves in an empty navigation. Animations use CSS3 3D...