Search Results for "render"
Sort By:
Showing 151 open source projects for "render"
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.
-
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
1
KaTeX
Fast math typesetting for the web.
...Self contained: KaTeX has no dependencies and can easily be bundled with your website resources. Server side rendering: KaTeX produces the same output regardless of browser or environment, so you can pre-render expressions using Node.js and send them as plain HTML. KaTeX is compatible with all major browsers, including Chrome, Safari, Firefox, Opera, Edge, and IE 11. -
2
React Virtualized
React components for rendering large lists and tabular data
Render Virtualized renders scattered or non-linear data. It can render data in grids, which renders checkerboard data. It also renders tabular data with virtualization along the vertical and horizontal axes, row heights and column widths must be calculated ahead of time and specified as a fixed size or returned by a getter function. Render Virtualized offers a wide variety of formats and customization features. -
3
Google Map React
Google map library for react that allows rendering components
Google map library for react that allows rendering components as markers. google-map-react is a component written over a small set of the Google Maps API. It allows you to render any React component on the Google Map. It is fully isomorphic and can render on a server. Additionally, it can render map components in the browser even if the Google Maps API is not loaded. It uses an internal, tweakable hover algorithm - every object on the map can be hovered. It allows you to create interfaces like this example (You can scroll the table, zoom/move the map, hover/click on markers, and click on table rows) In the simple case you just need to add lat and lng props to any child of GoogleMapReact component. -
4
jsdoc-to-markdown
Generate markdown documentation from jsdoc-annotated javascript
Generates markdown API documentation from jsdoc annotated source code. Useful for injecting API docs into project README files. By default, dmd generates github-flavored markdown. Not all markdown parsers render gfm correctly. If your generated docs look incorrect on sites other than Github (e.g. npmjs.org) try enabling this option to disable Github-specific syntax. Two options to render parameter lists: 'list' or 'table' (default). Table format works well in most cases but switch to list if things begin to look crowded / squashed. By default, the output of each invocation of the main generation methods (render, getTemplateData etc) is stored in the cache (your system's temporary directory). ... -
$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.
-
5
react-markdown
Markdown component for React
React component to render markdown. This package is a React component that can be given a string of markdown that it’ll safely render to React elements. You can pass plugins to change how markdown is transformed and pass components that will be used instead of normal HTML elements. -
6
react-fullpage
Official React.js wrapper for fullPage.js
react-fullpage is the official React wrapper for fullPage.js, providing a component that brings full-screen, section-by-section scrolling layouts into React applications. The wrapper uses a render-prop API, where you pass a render function that receives component state and the fullpageApi, allowing you to build React JSX markup while delegating scroll behavior to fullPage.js under the hood. It is distributed in multiple formats, including a standard ES module and a UMD bundle, so it can be used in projects with or without a modern build step. ... -
7
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... -
8
html-react-parser
HTML to React parser
...The parser converts an HTML string to one or more React elements. Available as part of the Tidelift Subscription. For TypeScript projects, you may need to check that domNode is an instance of domhandler's Element. Make sure to render parsed adjacent elements under a parent element. -
9
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. -
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
Marx
The classless CSS reset (perfect for Communists)
...If you don't need the weight of heavy frameworks or you would just like to make an edible website quickly, Marx is perfect for you. It can be used out of the minified box but it can also be customized and styled through the use of HTML classes. Built atop of Sanitize.css, meaning all browsers render consistently. Responsive and mobile-friendly. Clean, beautiful typography. Forms, tables, buttons and navigation. Zero classes, so it already works with your HTML. Drop-dead gorgeous. -
11
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. ... -
12
LittleJS
The Tiny JavaScript Game Engine That Can!
...This engine has everything necessary to make high-quality games, including fast rendering, physics, particles, sound effects, music, keyboard/mouse/gamepad input handling, update/render loop, and debug tools. It is recommended that you start by copying the LittleJS Starter Project This file is mostly empty with just a few things you can use to get started or remove. You can also download and include engine.all.js or engine.all.min.js. In order to load files like images you will need to run a small web server like http-server on npm. ... -
13
react-window
React components for rendering large lists and tabular data
React window works by only rendering part of a large data set (just enough to fill the viewport). This helps address some common performance bottlenecks. It reduces the amount of work (and time) required to render the initial view and to process updates. It reduces the memory footprint by avoiding over-allocation of DOM nodes. react-window is a complete rewrite of react-virtualized. If react-window provides the functionality your project needs, it is strongly recommend that you use it instead of react-virtualized. However if you need features that only react-virtualized provides, you have two options. ... -
14
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. -
15
PDFCraft
PDFCraft is a free, privacy-focused PDF toolkit
...But beyond manual editing, it also offers a programmable layer so developers can write scripts to batch process documents, generate templated reports, or extract structured data from PDFs for integration in workflows. The design emphasizes quality and compatibility: output PDFs render accurately across readers, preserve metadata, and support interactive elements like hyperlinks and form fields. -
16
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. -
17
Puck
Open source visual editor for building React drag-and-drop pages
...It allows teams to create their own page builders by defining React components that can be arranged and configured through a visual interface. Puck is component-based and configuration-driven, meaning developers specify how components render and which editable fields control their properties. Puck integrates directly into existing React environments and works well with frameworks such as Next.js, enabling developers to embed editing capabilities directly inside their applications. It operates with a structured data model that stores content as a JSON payload, allowing the same configuration to power both the editing interface and the production rendering of pages. ... -
18
Earth Engine API
Python and JavaScript bindings for calling the Earth Engine API
...Developers authenticate once, work interactively in notebooks or the Code Editor, and export results to Cloud Storage, Drive, or asset collections. Visualization helpers render tiled layers and charts so analysts can iterate quickly on workflows like land-cover mapping, change detection, or time-series analysis. By combining petabyte-scale data with concise functional transforms, the API turns complex remote-sensing pipelines into reproducible scripts that are easy to share. -
19
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... -
20
Butterchurn
Butterchurn is a WebGL implementation of the Milkdrop Visualizer
Butterchurn is a WebGL-based music visualization engine that recreates the classic MilkDrop visualizer experience entirely in the browser using modern web technologies. It is designed to render complex, real-time audio-reactive graphics that respond dynamically to music input, producing highly immersive and fluid visual effects. The engine uses GPU acceleration through WebGL to achieve high performance, allowing it to handle intricate shader-based visualizations without overwhelming system resources. Butterchurn supports preset-based rendering, enabling users to load, customize, and switch between a wide variety of visual styles that evolve over time with the audio signal. ... -
21
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. ... -
22
OpenLayers
A high-performance, feature-packed library for all your mapping needs
...It is completely free, Open Source JavaScript, released under the 2-clause BSD License (also known as the FreeBSD). Pull tiles from OSM, Bing, MapBox, Stamen, and any other XYZ source you can find. OGC mapping services and untiled layers also supported. Render vector data from GeoJSON, TopoJSON, KML, GML, Mapbox vector tiles, and other formats. Leverages Canvas 2D, WebGL, and all the latest greatness from HTML5. Mobile support out of the box. Build lightweight custom profiles with just the components you need. Style your map controls with straight-forward CSS. Hook into different levels of the API or use 3rd party libraries to customize and extend functionality. -
23
Next SEO
Next SEO is a plug in that makes managing your SEO easier in Next.js
...This can be dynamically generated at a page level or in some cases your API may return an SEO object. Then you need to import NextSeo and add the desired properties. This will render out the tags in the <head> for SEO. At a bare minimum, you should add a title and description. But NextSeo gives you many more options that you can add. -
24
Apollo and GraphQL for Vue.js
Apollo/GraphQL integration for VueJS
This library integrates apollo in your Vue components with declarative queries. Compatible with Vue 2.0+. Don't think about updating the UI or refetching the queries! It provides automatic updates. Use Apollo in a truly declarative way with the Apollo components. Run your queries on the server before rendering the page HTML. GraphQL is a specification that aims at easing the communication between frontends and backends. It mainly consists of a Schema Language for the server and a Query... -
25
Simorgh
The BBC's Open Source Single Page Application
BBC World Service News websites are rendered using Simorgh, a ReactJS based Single Page Application which also builds Accelerated Mobile Pages (AMP) for every regular HTML page that it renders. Simorgh also renders AMP pages for BBC Public Service News and BBC Sport. Simorgh provides a fast and accessible web experience used by millions of people around the world each month (see list of websites using Simorgh). It is regularly maintained and well documented, and we welcome open-source...