Search Results for "web-browser"
Sort By:
Showing 33 open source projects for "web-browser"
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.
-
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.
-
1
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 Components. This library is available on the two most popular CDNs and it's easy and ready to use, if you were using particles.js it's even easier. ... -
2
three.js
JavaScript 3D library
three.js is a lightweight and easy-to-use JavaScript 3D library with its own default WebGL renderer. It works by creating a scene with a camera and a geometric cube, the latter of which is added to the scene. This will become the animated object within the scene. 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... -
3
CountUp.js
Animates a numerical value by counting to it
...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. To run module-enabled scripts locally, you'll need a simple local server setup, because otherwise you may see a CORS error when your browser tries to load the script as a module. CountUp is also wrapped as a UMD module in ./dist/countUp.umd.js and it exposes CountUp as a global variable on the window scope. -
4
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. ... -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
5
react-use
Component for React
...Tracks deltaY of scrolled mouse wheel. Provides way to read, update and delete a cookie. Tracks the state of browser's network connection. Query permission status for browser APIs. -
6
Lottie for iOS
An iOS library to natively render After Effects vector animations
Lottie‑iOS is an open-source library by Airbnb that renders After Effects animations (in JSON or .lottie format) natively on Apple platforms, including iOS, macOS, tvOS, and visionOS. Written in Swift, it supports SwiftUI and UIKit integrations and enables fluid vector animations with minimal performance overhead. -
7
anime.js
JavaScript animation engine
anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them. It supports some of the latest browsers, and offers plenty of examples and demonstrations to get you animating in no time. ... -
8
Friction
powerful and versatile motion graphics application
Friction is a powerful and versatile motion graphics application that allows you to create stunning vector and raster animations for web and video platforms with ease. -
9
Fire Animation
JavaScript fire animation in HTML
Fire Animation in JavaScript code inserted in HTML using gradient. ~80 lines code, 2 functions, run onload. fascinating fact, LLM (AI) Local or free online, is not able to make some like this, just fly orange or green balls (2026). I tested All to size 122B and all free online. PS: I found out that CPU only and Safari (MacOS) cannot handle this old style, so I made a modified version (_safari_optimized) that works with a texture. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
10
LottieXamarin
Render After Effects animations natively on Android, iOS, MacOS
...For the first time, designers can create and ship beautiful animations without an engineer painstakingly recreating them by hand. Bodymovin is an After Effects plugin created by Hernan Torrisi that exports After Effects files as json and includes a javascript web player. We've built on top of his great work to extend its usage to Android, iOS, and React Native. You can build the sample app yourself or download it from the Play Store. The sample app includes some built-in animations but also allows you to load an animation from internal storage or from a URL. -
11
Reanimate
Haskell library for building declarative animations based on SVG
Reanimate is a Haskell-based animation library for programmatically creating high-quality vector animations. It provides declarative functionality for composing SVG-based animations and integrates with tools like LaTeX, FFmpeg, Inkscape, Blender, and more to deliver rich, animated content for educational and mathematical visualizations. Reanimate aims at being a batteries-included way of gluing together different technologies: SVG as a universal image format, LaTeX for typesetting, ffmpeg... -
12
CSS Animation 101
Learn how to bring animation to your web projects
CSS Animation 101 is a tutorial resource that teaches the fundamentals of motion on the web using only CSS. It starts with core building blocks—transitions, transforms, and keyframes—and then layers in timing functions, delays, and choreography to create more expressive sequences. The material stresses clarity and maintainability, showing how to structure styles so animations are easy to reason about and adjust. Throughout, examples demonstrate practical use cases like button feedback, content reveals, loaders, and micro-interactions that enhance user experience without overwhelming it. ... -
13
Animate.css
Just-add-water CSS animations
Animate.css is a cross-browser library of cool and fun CSS animations. When you need to add some oomph and awesomeness to your projects, simply slide in one of these just-add-water animations and watch your visuals significantly improve! Using Animate.css animations is incredibly simple and easy. It takes just a couple of steps to get an awesome CSS animated element. -
14
Pixel Art to CSS
Pixel art animation and drawing web app powered by React
Pixel Art to CSS is an online editor that helps you with that task. Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify... -
15
Pencil2D
Pencil2D is a cross-platform animation/drawing application.
Pencil2D is an animation/drawing application for OSX, Windows and Linux. It lets you create traditional hand-drawn animations (cartoons) using both bitmap and vector graphics. -
16
SpinKit
A collection of loading indicators animated with CSS
...By default, the width and height of all spinners are set to 40px. background-color is set to #333. Configure the spinner by overwriting the CSS variables, primarily --sk-size (spinner width & height) and --sk-color (spinner color). If you need broader browser support, remove the CSS variables. -
17
Music + Video + Animation Maker & App
Why Music + Video + Animation Maker & App is Fun?
Javaimagephp All-in-one video/film editor or maker makes sense as simple to use app for video/film or movie editing and animations/slideshows. It gets most of your imagination of an All-in-one video/film Animation editor / maker App. Video editing is made intuitive and simple. Lots of Special Effects ( > 55) ! For example this one http://ogena.ridoua.nu Formats supported are mp4, avi, flv, mov, flv and more. Description given image animation which seeks audio given a description.... -
18
Effeckt.css
A Performant Transitions and Animations Library
Effeckt.css is a showcase and toolkit of high-performance UI transitions and animations for the web. It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. 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. ... -
19
css3-
CSS3 implements various 3D && 3D planetary animation effects
css3- is an extensive collection of CSS3 demonstrations and visual experiments that highlight modern styling capabilities through practical, hands-on examples. The repository focuses on helping front-end developers understand how to implement sophisticated UI effects using native browser features rather than heavy external libraries. It covers a wide range of topics including animations, layout tricks, transitions, and creative visual compositions. The project is structured as a reference-style showcase where each example isolates a specific technique, making it easy to study and adapt into real projects. Its educational value lies in revealing non-obvious CSS behaviors and encouraging deeper mastery of the styling layer. ... -
20
RGbit
RGbit is used to present highlights from RouteGadget.
RGbit is a small javascript-based "gps-player" which can be used for presenting highlights from RouteGadget route drawings. It utilizes elements of GPSsbit for animating the data. -
21
flump
Exports Flash .FLAs to GPU-friendly formats
...It allows artists to design animations in Adobe Flash (now Animate) and export them for playback in game engines using ActionScript, Java, or other runtimes. This helps maintain smooth vector animations with minimal performance cost, particularly for mobile and web games. -
22
jquery-circle-progress
jQuery Plugin to draw animated circular progress bars
jQuery Plugin to draw animated circular progress bars. -
23
Dynamics.js
Javascript library to create physics-based animation
...Toggle a debug mode to slow down every animations and timeouts. This is useful for development mode to tweak your animation. This can be activated using Shift-Control-D in the browser. -
24
ramjet
Morph DOM elements from one state to another with smooth animations
...The library works by cloning elements, aligning the target clone over the source, and animating both elements until the transition appears continuous. It is useful for playful UI effects, animated state changes, visual transitions, and experimental web interactions. Ramjet can be applied to normal DOM elements and their children, which makes it more flexible than simple CSS transitions alone. Its main value is giving web developers an easy way to create cartoon-like transformation effects between separate elements on a page. -
25
Loaders.css
Delightful, performance-focused pure css loading animations
loaders.css is a collection of pure CSS loading animations designed to drop into any web project without JavaScript or image assets. Each loader is built from simple HTML elements animated with CSS keyframes, transforms, and opacity to create spinners, pulses, bars, and geometric patterns. Because they’re vector-based and CSS-driven, the animations scale cleanly at any resolution and look sharp on high-DPI displays. The library emphasizes small, reusable snippets: you copy a minimal markup block, apply the provided class, and tweak size or color through CSS variables or overrides. ...
