Search Results for "render"
Sort By:
Showing 28 open source projects for "render"
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.
-
Total Network Visibility for Network Engineers and IT ManagersThis means every device on your network, and every interface on every device is automatically analyzed for performance, errors, QoS, and configuration.
-
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
tabler icons
1950 free MIT-licensed high-quality SVG icons
...If you load an icon as an image, you can modify its size using CSS. You can paste the content of the icon file into your HTML code to display it on the page. Import the icon and render it in your component. You can adjust SVG properties through React props. Angular components are available through the angular-tabler-icons package. Vue components are available through the vue-tabler-icons package. Install the package, import the icon component and render it in your component. You can adjust SVG properties by passing regular HTML attributes. -
3
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 without adopting a large framework. ... -
4
Pageres CLI
Capture website screenshots
...A good way to make sure your websites are responsive. It's speedy and generates 100 screenshots from 10 different websites in just over a minute. It can also be used to render SVG images. -
Meet FuelCloud. The automated fuel management system of the future.FuelCloud Fuel Management Systems solve the hardest problems with monitoring and managing your bulk fuel supplies. Protect your bulk fuel from loss and theft, control who can get fuel from anywhere, and automate the reports and data transfers you need to run your business more efficiently than ever.
-
5
Colorpicker
A mininal but complete colorpicker desktop app
...With the shades, you can find the perfect color you need. You have a chromatic bar, a natural color bar and a shadow bar. This feature is a bit special. It allows you to render the application transparent. This can be useful to see the appearance of transparent color. -
6
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 of which have much higher startup cost and code size. However, if you need 60fps performance with massive streaming datasets, uPlot can only get you so far. ... -
7
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. -
8
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... -
9
Render Farm Manager, Project Tracker.
CGRU: Afanasy render farm manager and RULES project tracker.
CGRU is an open source CG tools pack, includes Afanasy render farm manager and RULES project tracker. -
The #1 White Label Solution for Event Ticketing and RegistrationWhite label event ticketing & registration solutions customized to fit your every need.
-
10
sigma.js
A JavaScript library dedicated to graph drawing
...Sigma provides a lot of different settings to make it easy to customize how to draw and interact with networks. And you can also directly add your own functions to your scripts to render nodes and edges the exact way you want. Sigma is a rendering engine, and it is up to you to add all the interactivity you want. -
11
Spritejs
A cross platform high-performance graphics system
Spritejs is a cross-platform high-performance graphics system, which can render graphics on web, node, desktop applications and mini-programs. SpritejsNext is the new version of spritejs. It is renderer agnostic enabling the same api to render in multiple contexts: webgl2, webgl, and canvas2d. Manipulate the sprites in canvas as you do with the DOM elements. SpritejsNext provides several kinds of basic sprite elements, which can be operated on the layer like DOM elements. ... -
12
Graphite-Web
A highly scalable real-time graphing system
Graphite does two things, it stores numeric time-series data and renders graphs of this data on demand. What Graphite does not do is collect data for you, however, there are some tools out there that know how to send data to graphite. Even though it often requires a little code, sending data to Graphite is very simple. Graphite is an enterprise-scale monitoring tool that runs well on cheap hardware. It was originally designed and written by Chris Davis at Orbitz in 2006 as side project that... -
13
blueimp Gallery
Touch-enabled, responsive and customizable image adn video gallery
...It provides a rich user experience with swipe gestures on touch devices, mouse and keyboard navigation on desktop, and a variety of transition effects between items. The gallery supports both images and videos out of the box, and can be extended to render custom content types, making it a flexible choice for media-heavy web apps and portfolios. It offers slideshow functionality, allowing images or videos to auto-advance with configurable timing, which is useful for presentations, product showcases, or background hero galleries. Fullscreen support and on-demand loading help keep initial page weight manageable while still delivering an immersive viewing experience. -
14
tkkern
User interface to the Verovio JavaScript Toolkit Library
**kern files is a music representation format used by the Humdrum project. There are more than 100,000 **kern files of music compositions freely available on the internet. The Verovio JavaScript Toolkit Library allows you to render and display these files on any browser. This is a user interface to this library which can run on most systems. -
15
FUSUMA
Fusuma makes slides with Markdown easily
...Init Mode, for creating a slide, style, configuration file and GitHub actions that deploy slides to gh-pages automatically. Development Mode, for running with HMR, just coding Markdown and sometimes CSS. Build Mode, to render to HTML and optimizing js,css,md. Generating an image of slides as og:image and checking a11y automatically. Presentation Mode, including speaker note, timer, and features for recording your page actions and voice. Deploy Mode, for deploying to GitHub pages. And PDF Mode, for exporting slides as PDF. -
16
react-blessed
A react renderer for blessed
A React custom renderer for the blessed library. This renderer should currently be considered as experimental, is subject to change and will only work with React's latest version (17.x.x, using Fiber). Any of the blessed widgets can be rendered through react-blessed by using a lowercased tag title. Text nodes, on the other hand, will be rendered by applying the setContent method with the given text on the parent node. As with React's DOM renderer, react-blessed lets you handle the original... -
17
Zdog
Flat, round, designer-friendly pseudo-3D engine for canvas & SVG
Zdog is a 3D JavaScript engine for <canvas> and SVG. With Zdog, you can design and render simple 3D models on the Web. Zdog is a pseudo-3D engine. Its geometries exist in 3D space, but are rendered as flat shapes. This makes Zdog special. Zdog is small. 2,100 lines of code for the entire library. 28KB minified. Zdog is round. All circular shapes are rendered as proper circles with rounded edges. No polygonal jaggies. -
18
Chart.xkcd
xkcd styled chart lib
Chart.xkcd is a chart library plots “sketchy”, “cartoony” or “hand-drawn” styled charts. It’s easy to get started with chart.xkcd. All that’s required is the script included in your page along with a single <svg> node to render the chart. You can install chart.xkcd via script tag in HTML or via npm. Line chart displays series of data points in the form of lines. It can be used to show trend data, or comparison of different data sets. XY chart is used to plot points by specifying their XY coordinates. A bar chart provides a way of showing data values represented as vertical bars. ... -
19
WaveDrom
Digital timing diagram rendering engine
...The purpose of WaveJSON is to provide a compact exchange format for digital timing diagrams utilized by digital HW / IC engineers. The engine is using WaveDromSkin skin mechanism to render a complete picture. WaveDrom draws your Timing Diagram or Waveform from a simple textual description. It comes with description language, a rendering engine and an editor. WaveDrom editor works in the browser or can be installed on your system. -
20
simbol
Communications platform WebXR sites with self-sovereign identity
Easily create social virtual worlds that anyone can interact with using Virtual Personas, a global identity system where people own their identities. Simbol accepts several configuration parameters. New worlds await us with VR and AR. A flourishing of creativity. This must happen without conceding in user experience and with an honest contract between creators and consumers regarding their data. Simbol is researching to accomplish these goals and broadcasting accomplishments made by the... -
21
urmusic5
The Free and Open Source Music Visualizer Tool
urmusic is a free and open-source software that allows you to easily create your own music visualizer and create a music video for it! It makes use of hardware acceleration to render frames as fast as possible. Donations: Support me on ko-fi: https://ko-fi.com/nasso -
22
embed-js
A lightweight plugin to embed emojis, media, maps, tweets, code, etc.
...If you’re using npm package manager with a module bundler like Webpack or Browserify to consume CommonJS modules, you can use the default UMD build of the plugin by simply requiring it. The render() method renders the resulting string in the block. The .render() method also returns a promise. Optionally you can also pass a string which will be processed by the plugin. -
23
vizceral
WebGL visualization for displaying animated traffic graphs
vizceral is a component for displaying traffic data on a webgl canvas. If a graph of nodes and edges with data about traffic volume is provided, it will render a traffic graph animating the connection volume between nodes. This component can take multiple traffic graphs and will generate a 'global' graph showing all incoming traffic into each of the 'regions', with support for cross-region traffic. There are three levels of information, global, regional, and service-level, with clicking or double-clicking on a node bringing you one level deeper. ... -
24
Obelisk.js
Build pixel isometric graphics with HTML5 canvas
Obelisk.js is a JavaScript library for creating pixelated isometric graphics using HTML5 canvas. It provides a simple and flexible API to render isometric elements like bricks, cubes, and pyramids, making it ideal for developing retro-style games and visualizations. -
25
Scrawl.js
For the handling and manipulation of the HTML5 <canvas> element
...Can also generate visible canvas elements programatically, and add them to the DOM. Users create sprite and gradient objects using scrawl factory functions, set their styling and position, and render them onto the canvas element. Creation, positioning and styling can all be handled by a single call to the factory function. Sprites include: basic rectangles (Block), advanced rectangles capable of displaying images and sprite animations (Picture), circles (Wheel), single-line text (Phrase), and complex designs composed of lines, arcs and curves (Shape). ...
