Search Results for "render"
Sort By:
Showing 75 open source projects for "render"
View related business solutions-
$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.
-
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.
-
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
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. -
3
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). ... -
4
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. ... -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
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. -
6
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. -
7
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. ... -
8
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. ... -
9
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. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
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... -
11
Derby
MVC framework making it easy to write collaborative applications
...Racer supports offline usage and conflict resolution out of the box, which greatly simplifies writing multi-user applications. Derby applications load immediately and can be indexed by search engines, because the same templates render on both server and client. In addition, templates define bindings, which instantly update the view when the model changes and vice versa. Derby makes it simple to write applications that load as fast as a search engine, are as interactive as a document editor, and work offline. -
12
Tabris.js
Create native mobile apps in JavaScript or TypeScript
...The code of the application is loaded dynamically - nothing is precompiled. JavaScript is executed Just-in-Time and passed via a native bridge to the device. Tabris.js accesses native controls and does not depend on web views to render the app's UI. As a result, the performance of the apps cannot be distinguished from apps developed directly in native code of the platforms. Tabris.js can be extended with Cordova plugins to add support for additional native features. A cordova plugin is also able to directly interface with the native widgets. -
13
Hugo Book Theme
Hugo documentation theme as simple as plain book
Hugo documentation theme as simple as a plain book. By default, the theme will render pages from the content/docs section as a menu in a tree structure. You can set title and weight in the front matter of pages to adjust the order and titles in the menu. There are a few configuration options that you can add to your config.toml file. A simple blog is supported in the section posts. A blog is not the primary use case of this theme, so it has only minimal features. -
14
React Native for Web
React Native Components and APIs for the Web
React Native for Web is an accessible implementation of React Native's Components and APIs that is interoperable with React DOM. Accessible HTML. Support different devices and input modes, render semantic tags. High-quality interactions. Support gestures and multiple input modes (touch, mouse, keyboard). Reliable styles. Rely on scoped styles and automatic vendor-prefixing. Support RTL layouts. Responsive containers. Respond to element resize events. Incremental adoption. Interoperates with existing React DOM components. ... -
15
Omi
Front end cross-frameworks framework
Omi (pronounced /ˈomɪ/) is cross-frameworks framework base on Web Component, you can also use omio compatible IE8+ with the same grammar. One framework, Mobile & desktop & mini program. Simply download and include with <script>. Omi will be registered as a global variable. If you need to be compatible with IE8+, you can choose omio, which has almost the same API as omi, and Omi will be registered as a global variable. Omi provides the official CLI. You don't need to learn how to configure... -
16
Tonic
Easy to audit, zero-dependencies and build-tool-free
...Event delegation by default. Lots of examples. Building a component with Tonic starts by creating a function or a class. The class should have at least one method named render which returns a template literal of HTML. onic is a thin wrapper around web components. Web components require a name with two or more parts. So your class name should be CamelCased (starting with an uppercase letter). Tonic has no templating language, it uses HTML! But since HTML only understands string values, we need some help to pass more complex values to a component, for that we use this.html. ... -
17
Email Templates
Create, preview, and send custom email templates for Node.js
Create, preview, and send custom email templates for Node.js. Highly configurable and supports automatic inline CSS, stylesheets, embedded images and fonts, and much more! Made for sending beautiful emails with Lad. We've added preview email by default to this package! If you run into any issues with configuration, files, templates, locals, etc, then you can use the DEBUG environment flag. You can swap the transport option with a Nodemailer transport configuration object or transport... -
18
React Dashboard
Isomorphic admin dashboard template
...React is a declarative, efficient, and flexible JavaScript library for building user interfaces. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. -
19
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. -
20
Backbone
Give your JS app some Backbone with models, views, and collections
Backbone is a lightweight JavaScript library (sometimes described as a micro-framework) created by Jeremy Ashkenas that adds structure to JavaScript-heavy applications by providing models, views, collections, events and routing tied to RESTful JSON services. Its main philosophy is to provide the minimal set of primitives to organise your client-side code — models for data, collections for groups of models, views for UI interactions, and routers for state/URL management — without prescribing... -
21
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. -
22
Django Material
Material Design for Django
Material Design for Django. Django web framework solves only technical problems related to the client-server interaction on top of the stateless HTTP protocol. Model-View-Template separation pattern helps to maintain simple CRUD based logic. Viewflow is the library that offers an additional layer of django web framework, allows explicitly specify people's workflow and extracts collaboration logic from django views. Strong python/html code separation. Easy redefinition of particular fields... -
23
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. ... -
24
Jest Puppeteer
Run your tests using Jest & Puppeteer
...This is because jest will try to run puppeteer in parallel and the CI platform won't be able to handle all the parallel jobs in time. A fix to this is to run your test serially when in a CI environment. Users have discovered that running test serially in such environments can render up to 50% of performance gains. Writing integration test can be done using Puppeteer API but it can be complicated and hard because API is not designed for testing. Debugging tests can be hard sometimes and it is very useful to be able to pause tests in order to inspect the browser. Jest Puppeteer exposes a method jestPuppeteer.debug() that suspends test execution and gives you the opportunity to see what's going on in the browser. -
25
Neiki's Page Editor
Visual HTML page editor that renders real HTML and CSS
Neiki's Page Editor is a lightweight visual page and CMS editor built with pure JavaScript and zero dependencies. It transforms any container into a complete editing environment with accurate HTML and CSS rendering inside an isolated iframe, ensuring pages look exactly as they will in a real browser. The editor includes a modern toolbar, source code view, image and table editing, drag-and-drop tools, autosave, fullscreen mode, localization, and five built-in themes. It supports full HTML...