Search Results for "web-browser"
Sort By:
Showing 35 open source projects for "web-browser"
View related business solutions-
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.
-
$300 Free Credits for Your Google Cloud ProjectsLaunch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
-
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
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. -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
5
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. ... -
6
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. -
7
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. -
8
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... -
9
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. ... -
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
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. -
11
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... -
12
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. -
13
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. -
14
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.... -
15
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. ... -
16
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. ... -
17
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. -
18
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. -
19
jquery-circle-progress
jQuery Plugin to draw animated circular progress bars
jQuery Plugin to draw animated circular progress bars. -
20
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. -
21
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. -
22
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. ... -
23
snabbt.js
Fast animations with javascript and CSS transforms
...It will only animate things that modern browsers can animate cheaply, transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering. Note, for convenience, width and height are animatable too, but beware since they may cause page reflows and slow down your animations. No arbitrary property animations, e.g. colors, padding, margin or line height animations. For performance reasons, snabbt never queries the DOM. -
24
WOW.js
Reveal CSS animation as you scroll down a page
...Smaller than other JavaScript parallax plugins, like Scrollorama (they do fantastic things, but can be too heavy for simple needs). Super simple to install, and works with animate.css, so if you already use it, that will be very fast to setup. Fast execution and lightweight code, the browser will like it. It just take seconds to install and use WOW.js! Once purchased on UpLabs, you’ll receive a commercial license PDF and be all set to use WOW.js in your commercial applications. If you want to use WOW.js to develop commercial sites, themes, projects, and applications, the Commercial license is the appropriate license. ... -
25
Web browser plug-in for hosting real 3D on the websites.
