Search Results for "graphics library"
Sort By:
Showing 30 open source projects for "graphics library"
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.
-
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
1
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... -
2
simpleParallax.js
Simple and tiny JavaScript library that adds parallax animations
simpleParallax.js is a very simple and tiny Vanilla JS library that adds parallax animations on any image. Where it may be laborious to get results through other plugins, simpleParallax.js stands out for its ease and its visual rendering. The parallax effect is directly applied to image tags, there is no need to use background images. -
3
bubbly-bg
Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped)
Bubbly-bg is a lightweight JavaScript library for creating animated bubble backgrounds on web pages. It renders the effect on an HTML canvas and can automatically create and position that canvas behind page content. Developers can control background colors or gradients, bubble count, size, fill, direction, speed, shadows, and strokes. Animation can be enabled or disabled, and a custom canvas can be supplied when needed. The library has no dependencies and includes TypeScript definitions. It... -
4
Typed.js
A JavaScript typing animation library
Typed.js is a library that types. 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... -
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
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... -
6
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... -
7
Christmas Tree
Just a simple Christmas tree, based on reddit story
atree is a lightweight JavaScript library for managing and visualizing hierarchical tree data structures in a flexible and efficient way. It offers core abstractions for creating nodes, building parent–child relationships, and traversing trees with utilities for depth, breadth, and custom iteration strategies. 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... -
8
frame.js
JavaScript Sequence Editor
frame.js is a tiny utility for orchestrating frame-based animations with requestAnimationFrame while keeping code clean and predictable. It abstracts the boilerplate of setting up a render loop, tracking elapsed time, and updating callbacks at the right cadence. 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... -
9
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. -
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.
-
10
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. However,... -
11
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.... -
12
Vivus.js
JavaScript library to make drawing animation on SVG
Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearence of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. Every path element is drawn at the same time with a small delay at the start. This is currently the default animation. Each line is drawn synchronously. They all start and finish at the same time, hence the name... -
13
ScrollReveal
Animate elements as they scroll into view
ScrollReveal is a JavaScript library for animating HTML elements as they enter the browser viewport. Developers initialize a shared ScrollReveal instance and use its reveal method to target elements with CSS selectors. The library is designed to make scroll-triggered entrance effects easy to add without building custom visibility logic. It can be loaded directly in a browser or installed through npm. Both CommonJS and ES module import styles are supported for integration with modern... -
14
lax.js
Library to create smooth & beautiful animations when you scroll
Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. Lax.js 2.0 has been completely re-written with a focus on modularity and flexibility giving you more tools to create awesome animations. To implement lax you need to create at least one driver, to provide values for animations, as well as the element animation bindings. The easiest way to get started is to use presets via html classes. Multiple presets can be chained... -
15
Animatable
One property, two values, endless possiblities
Animatable is an interactive web gallery that demonstrates which CSS properties can transition between two values. Each tile represents one property and continuously alternates between a defined starting and ending state. Visitors can animate every example at once or trigger individual demonstrations by hovering. Selecting a tile reveals the property name, both values, authorship information, and controls for moving to adjacent examples. Keyboard navigation supports Escape and the arrow keys... -
16
React Move
Beautiful, data-driven animations for React
The API for React Move has been essentially stable since the 2.0 version. The 4.0 version of React Move introduced a change that broke the hard dependency on d3-interpolate and introduced the interpolation prop. The current version of React Move will by default only do numeric interpolation and apply easing functions. If you only need to do numeric interpolation you don't need to do anything. Just upgrade and done. The API for React Move 5.x and 6.x is exactly the same. The 5.x version just... -
17
React Flight
The best way to build animation compositions for React
React Flight is a JavaScript library for UIs built with React that allows you to compose animations and transitions via “flights” where you design a start component, an end component, and the tool handles animating between them. It’s pitched as the “best way to build animation compositions for React” and is inspired by tools such as Principle in the mobile design world. The developer experience emphasises framing: you place elements into Flight.Frame containers, specify key-frames (start and... -
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... -
19
MixItUp 3
Library for animated filtering, sorting, insertion, removal and more
MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial... -
20
Animate Plus
A+ animation module for the modern web
Animate Plus is a compact JavaScript animation library designed for high performance and flexible authoring in modern browsers. It weighs less than 3 KB when minified and compressed and targets smooth 60 FPS animation where possible. The library can animate numeric HTML and SVG properties, including transforms, dimensions, coordinates, opacity, and hexadecimal colors. Animation values, delays, and durations can be calculated independently for each element through callback functions. Every... -
21
vue-circle-progress
A Vue.js component to draw animated circular progress bars
A Vue.js component to draw animated circular progress bars. -
22
jquery-circle-progress
jQuery Plugin to draw animated circular progress bars
jQuery Plugin to draw animated circular progress bars. -
23
jsgif
Save a HTML5 Canvas to GIF and Animations
jsgif is a pure JavaScript library for encoding still or animated GIF files from HTML5 graphics. It is a JavaScript port of the GIFEncoder portion of the earlier as3gif project. Developers can feed the encoder an HTML canvas context or raw image-data-style pixel arrays. Animated output can be configured with custom frame delays and repeat counts. Encoded data can be converted to Base64 for inline display, transferred to a server, or saved directly as a GIF file. -
24
ramjet
Morph DOM elements from one state to another with smooth animations
Ramjet is a JavaScript animation library for morphing one DOM element into another. It creates the illusion that interface elements can transform smoothly between different shapes, sizes, and positions. 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... -
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...
