Search Results for "animation" - Page 2
Sort By:
Showing 144 open source projects for "animation"
View related business solutions-
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.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
1
Easings.net
Easing Functions Cheat Sheet
Easings .net is a visualization and reference project dedicated to easing functions, which are widely used in animations and transitions to create natural motion. Instead of linear changes, easing functions help define how values accelerate or decelerate over time, resulting in smoother and more dynamic effects. The project provides a clear, interactive showcase of common easing equations such as quadratic, cubic, quartic, and elastic functions. It is a valuable resource for developers and... -
2
React Select
The Select Component for React.js
...React Select has a very flexible approach to data, allowing you to customize in whatever way you need with its set of customizable functions. It also has an extensible styling API with emotion, long-requested features like animation, option groups, portal support, and more. -
3
Magnific Popup
Light and responsive lightbox script with focus on performance
...You may put any HTML content in each gallery item and mix content types. Three simple popups with different scaling settings. Fits horizontally and vertically, only horizontally, or with no gaps, zoom animation, close icon in top-right corner. If you wish to open the popup only after image is fully loaded, you may preload image via JS. Or use scaled down image instead of thumbnail. Zoom effect works only with images, for now. Animations are added with simple CSS transitions, you can make them look however you wish. Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button. ... -
4
React Native Vector Icons
Customizable Icons for React Native with full styling
Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the... -
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.
-
5
QPrompt
Personal teleprompter software for all video makers.
Free teleprompter software for all video creators. Built with ease of use, fast performance, control accuracy, and cross-platform support in mind. QPrompt works with studio teleprompters and tablet teleprompters, cellphones, and webcams. It was also designed for use in video conferences. -
6
Jmol
An interactive viewer for three-dimensional chemical structures.
...Multiple files can be loaded and compared. A rich scripting language and a well-developed web API allow easy customization of the user interface. Features include interactive animation and linear morphing. Jmol interfaces well with JSpecView for spectroscopy, JSME for 2D->3D conversion, POV-Ray for images, and CAD programs for 3D printing (VRML export). -
7
wsnow
Let it snow in your browser
Wsnow creates a Christmas-conform background in your browser. So wsnow is not restricted to Linux, but will run in every decent browser: Filerfox, Explorer, Edge, Safari, etc. Linux user? Have a look at https://sourceforge.net/projects/xsnow . -
8
uix-kit
A free web kits for fast web design and development
Uix Kit is not a framework, just a UI toolkit based on some common libraries for building beautiful responsive website. Uix Kit isn't a reusable component structure, mostly custom CSS and JavaScript based. Definitely interesting, and if you're developing mostly web content and not applications this is particularly useful. It is a web dev build tool/scaffold that does not depend on any framework. You can import any external libraries/frameworks or native ES Modules for production. The... -
9
react-native-animatable
Set of animations and declarative transitions for React Native
...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. If you are running on anything lower, please polyfill as described under imperative usage. -
AI-powered service management for IT and enterprise teamsGive your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
-
10
DkIT Bridge Designer
Dundalk Institute of Technology Virtual Bridge Design Competition
The DkIT Bridge Designer will provide you with a realistic introduction to engineering through an authentic, hands-on design experience. This software provides you with the tools to model, test, and optimize a steel highway bridge, based on realistic specifications, constraints, and performance criteria. Supported by Dundalk Insititute of Technology and All-Island Funds, this is a virtual bridge designer that allows kids of all ages learn about engineering and compete with their classmates! -
11
SiriWave
The Apple® Siri wave-form replicated in a JS library
...To learn more about the project, read the blog post, and check the demo or code pen. Import the UMD package via the unpkg CDN and it's ready to use. Create a div container and instantiate a new SiriWave object. Stop the animation and destroy the canvas, by removing it from the DOM. Subsequent start() calls on this SiriWave instance will fail with an exception. -
12
Closure Library
Google's common JavaScript library
The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more. The Closure Library is server-agnostic and is intended for use with the Closure Compiler. The Closure Library serves as the base JavaScript library for many Google products. Now that the Closure Library is open source, more and more developers outside Google are integrating the library in their own projects. ... -
13
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... -
14
Leaflet
Open-source JavaScript library for mobile-friendly interactive maps
Leaflet is a leading open source JavaScript library for creating interactive, mobile-friendly maps. Leaflet is light at just about 38 KB, but is already fully equipped with all the mapping features you could need. Leaflet is simple but efficient. It doesn’t try to do everything for everybody, rather it focuses on making the basic things work perfectly. It comes ready with exceptional layering tools, customization features such as pure CSS3 popups and controls, map controls and more right... -
15
canvas-sketch
Framework for making generative artwork in JavaScript and the browser
...It provides a lightweight scaffolding environment that helps developers and artists quickly prototype visual projects using HTML5 Canvas or WebGL. The tool focuses on reducing boilerplate so creators can concentrate on visual logic and animation rather than setup. It integrates smoothly with modern JavaScript workflows and supports modular development patterns. The framework is commonly used in creative coding communities for sketches, data visualizations, and interactive installations. Overall, canvas-sketch serves as a productivity-focused foundation for browser-based visual experimentation and rapid iteration. -
16
FFCreator
A fast video processing library based on node.js
...Based on pictures and Text content, dynamic batch generation of short videos is a technical problem. FFCreator is a lightweight and flexible solution that requires few dependencies and low machine configuration to start working quickly. It simulates 90% animation effects of animate.css. You can easily convert the animation effects on the web page side into videos. -
17
Chalk Animation
Colorful animations in terminal output
A Node.js library that provides animated text effects in the terminal using the Chalk library for styling. -
18
Motionity
The web-based motion graphics editor for everyone
Motionity is an open-source, browser-based motion-graphics editor designed to bring animation and video editing power to the web, blending the intuitiveness of drag-and-drop tools with advanced capabilities akin to desktop motion editors. It allows users to assemble video or image assets, layer them, and apply animation via keyframes — with customizable easing — giving fine-grained control over motion timing. In addition to keyframing, motionity supports layer masking, filters (color adjustments, blur, chroma-keying), trimming and cutting of video clips, and audio track integration, enabling creation of short animations, intros, social media videos, or animated slideshows directly in a browser without specialized software. ... -
19
React Transition Group
Perform animations when a React component enters or leaves the DOM
Exposes simple components useful for defining entering and exiting transitions. React Transition Group is not an animation library like React-Motion, it does not animate styles by itself. Instead it exposes transition stages, manages classes and group elements and manipulates the DOM in useful ways, making the implementation of actual visual transitions much easier. Since react-transition-group is fairly small, the overhead of including the library in your application is negligible. ... -
20
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). -
21
css-spinner
Small, elegant pure css spinner for ajax or loading animation
Open source CSS loading animations dedicated for speed, simplicity & dev-friendly. Loading.io's CSS spinner uses CSS Animation, which is wildly supported by all modern browsers such as Google Chrome and Mozilla Firefox. 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. ... -
22
impress.js
Presentation framework based on CSS3 transforms & transitions
impress.js is an impressive presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers. It showcases some awesome CSS3 features to create amazing and engaging presentations from your browser. Visualize your ideas in a totally unique way-- with impress.js’ infinite canvas, the only limit is your imagination. impress.js offers many great features, presenting your ideas in visually engaging 3D, dynamic movements and... -
23
Introduction to Vue.js 3 Course
Workshop Materials for my Introduction to Vue.js Workshop
...Since the course was updated for Vue 3, the repo includes directories for both Vue 2 and Vue 3 resources, enabling learners to explore both versions depending on their work context. Also included are build setups (Vue CLI, Nuxt) and additional sections on animation and advanced topics like custom directives, making it a full learning path rather than just a quick tutorial. The README lists slide sets, exercise folders, solution folders and recommended tooling so that learners can clone the repo and follow along in their own time. -
24
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... -
25
img2css
Convert any image to pure CSS. Recreates images using only box-shadows
This is a tool that can convert any image into a pure CSS image. I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option.
