Search Results for "javascript graphics" - Page 2
Sort By:
Showing 556 open source projects for "javascript graphics"
View related business solutions-
$300 in Free Credit Across 150+ Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale with Google Cloud.
-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI Studio. Switch between models without switching platforms.
-
1
emojilib
Emoji keyword library
Emoji keyword library. Make emoji searchable with this keyword library. If you are looking for the unicode emoji dataset, including version, grouping, ordering, and skin tone support flag, check out unicode-emoji-json. -
2
evol-colorpicker
jQuery UI widget for color picking with web colors, theme colors, etc.
evol-colorpicker is a web color picker that looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound to a text box. It comes with several color palettes, can track selection history, and supports "transparent" colors. It is a full jQuery UI widget, supporting various configurations and themes. -
3
sharp
High performance Node.js image processing module
The typical use case for this high speed Node.js module is to convert large images in common formats to smaller, web-friendly JPEG, PNG, AVIF and WebP images of varying dimensions. Resizing an image is typically 4x-5x faster than using the quickest ImageMagick and GraphicsMagick settings due to its use of libvips. Colour spaces, embedded ICC profiles and alpha transparency channels are all handled correctly. Lanczos resampling ensures quality is not sacrificed for speed. As well as image... -
4
two.js
A renderer agnostic two-dimensional drawing api for the web
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you... -
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.
-
5
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... -
6
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... -
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... -
8
OpenMoji
Open source emojis for designers, developers and everyone else!
Open source emojis for designers, developers and everyone else! OpenMoji is an open source project of 60+ students and 3 professors of the HfG Schwäbisch Gmünd and 20+ external contributors. All emojis are free to use under the CC BY-SA 4.0 license. So far more than three thousand emojis over many categories have been designed. OpenMoji carefully supports the Unicode Emoji standard. All emojis follow a single style guide and fit perfectly together. Supporting a wide range of use cases with... -
9
3D Website with Three.js
The most impressive websites in the world use 3D graphics
Project_3D_developer_portfolio is a code-repository and tutorial project that teaches how to build a developer portfolio website enhanced with 3D graphics and animations, using technologies like React, Three.js, React Three Fiber, Tailwind CSS, Vite and more. The idea is to help developers create “the most impressive websites” by blending immersive 3D scenes and interactive UI elements with modern web frameworks. The README walks through the tech stack, features and how to get started,... -
Powerful App Monitoring Without Surprise BillsTired of monitoring tools that punish you for scaling? AppSignal offers transparent, predictable pricing with every feature unlocked on every plan. Track errors, monitor performance, detect anomalies, and manage logs across Ruby, Python, Node.js, and more. Trusted by developers since 2012 with free dev-to-dev support. No credit card required to start your 30-day trial.
-
10
GitHub Isometric Contributions extension
Browser extension for rendering isometric pixel art charts
This is a browser extension for Chrome/Brave and Firefox that lets you toggle between your regular GitHub contribution chart and an isometric pixel art version. It uses obelisk.js for isometric graphics. Besides being sort of neat looking, this view is interesting in that it highlights the differences between the number of contributions with more granularity. This isn't meant to completely replace the standard 2D graph though, because in most ways it is actually less useful. For example,... -
11
Lottie-Web
Render After Effects animations natively
Lottie-Web renders vector animations exported from Adobe After Effects as lightweight JSON, playing them in the browser via SVG or Canvas. Animations remain crisp at any resolution, load quickly compared to videos or GIFs, and can be controlled programmatically for interactivity. The runtime supports playback options like loop, autoplay, segment control, and event hooks, making it easy to sync motion with UI state. Because animations are data rather than pixels, designers and developers can... -
12
sigma.js
A JavaScript library dedicated to graph drawing
Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications. Sigma provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user. The default configuration of sigma deals with mouse and touch support, refreshing and rescaling when the container's size changes,... -
13
Spectacle
A ReactJS based Presentation Library
Spectacle is an open source presentation library based on React.js. It lets you create sleek presentations using JSX syntax, giving you the ability to live demo your code. Spectacle’s presentations are lively and interactive, with clickable elements, themes, custom backgrounds, animations, and many other fun and unique elements you can add to make your presentations pop. With Spectacle you can also live demo your code in real time without having to leave the presentation deck. Code blocks... -
14
uPlot
Chart for time series, lines, areas, ohlc and bars
μPlot is a fast, memory-efficient Canvas 2D-based chart for plotting time series, lines, areas, ohlc & bars; from a cold start it can create an interactive chart containing 150,000 data points in 135ms, scaling linearly at ~25,000 pts/ms. In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~40 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both... -
15
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,... -
16
Pokémon Cards CSS
Collection of advanced CSS styles to create realistic-looking effects
pokemon-cards-css is a CSS-driven styling framework that lets web developers render Pokémon card visuals purely in HTML and CSS. It defines layouts, frames, typography, and image placeholders to mimic the look of real Pokémon trading cards, enabling users to create “virtual cards” with custom content. Because the design is built into CSS, cards respond to responsive constraints and adjust nicely across devices. The project supports common card types (basic, stage, trainer, etc.), and... -
17
imagemin
Minify images seamlessly
With imagemin, you can minify images seamlessly. Uncompressed images bloat your pages with unnecessary bytes. Imagemin is an excellent choice for image compression because it supports a wide variety of image formats and is easily integrated with build scripts and build tools. Imagemin is available as both a CLI and an npm module. Generally, the npm module is the best choice because it offers more configuration options, but the CLI can be a decent alternative if you want to try Imagemin... -
18
flag-icons
A curated collection of all country flags in SVG
A curated collection of all country flags in SVG, plus the CSS for easier integration. For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an... -
19
nivo
A rich set of dataviz components
nivo provides a rich set of dataviz components, built on top of the awesome d3 and Reactjs libraries. Several libraries already exist for React d3 integration, but just a few provide server side rendering ability and fully declarative charts. In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties),... -
20
iCn3D
Web-based protein structure viewer and analysis tool
"I see in 3D" (iCn3D) Structure Viewer is not only a web-based 3D viewer, but also a structure analysis tool interactively or in the batch mode using NodeJS scripts based on the npm package icn3d. iCn3D synchronizes the display of 3D structure, 2D interaction, and 1D sequences and annotations. Users' custom displays can be saved in a short URL or a PNG image. The complete package of iCn3D including Three.js and jQuery is in the directory "dist" after you get the source code with the "Code"... -
21
Pointless
An endless drawing canvas desktop app made with Tauri (Rust) and React
An endless drawing canvas desktop app made with Tauri (Rust) and React. Pointless is an endless drawing canvas that provides useful features when you're in need of a simple whiteboard/note app. It is build using Tauri (Rust) and React with a pure SVG canvas and local files are saved with brotli-unicode compression to ensure small file sizes. -
22
gitmoji
An emoji guide for your commit messages
Gitmoji is an initiative to standardize and explain the use of emojis on GitHub commit messages. Gitmoji is an emoji guide for GitHub commit messages. Aims to be a standarization cheatsheet, guide for using emojis on GitHub's commit messages. Using emojis on commit messages provides an easy way of identifying the purpose or intention of a commit with only looking at the emojis used. As there are a lot of different emojis I found the need of creating a guide that can help to use emojis... -
23
Victory
React components for building interactive data visualizations
Victory is a set of modular charting components for React and React Native. Victory makes it easy to get started without sacrificing flexibility. Create one of a kind data visualizations with fully customizable styles and behaviors. Victory uses the same API for web and React Native applications for easy cross-platform charting. Victory is used for charting across the web, from publicly-consumed informational graphs to internal tracking and reporting. Victory is an opinionated, but fully... -
24
GoJS
JavaScript diagramming library for interactive flowcharts & org charts
Build interactive flowcharts or flow diagrams. Let your users build, modify, and save diagrams with JSON model output. Visualize state charts and other behavior diagrams. Create diagrams with live updates to monitor state, or interactive diagrams for planning. GoJS allows considerable customization of links and nodes to build all kinds of diagrams. Visualize flow, or connect pipes. Create genogram and medical diagrams, or editable family trees with collapsible levels. Create classic org... -
25
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...
