Search Results for "render"
Sort By:
Showing 143 open source projects for "render"
View related business solutions-
Earn up to 15% annual interest with Nexo.Generate interest, access liquidity without selling, and execute trades seamlessly. All in one platform. Geographic restrictions, eligibility, and terms apply.
-
Earn up to 15% annual interest with Nexo.Generate interest, borrow against your crypto, and trade a range of cryptocurrencies — all in one platform. Geographic restrictions, eligibility, and terms apply.
-
1
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. -
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
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
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. -
Get full visibility and control over your tasks and projects with Wrike.Wrike offers world-class features that empower cross-functional, distributed, or growing teams take their projects from the initial request stage all the way to tracking work progress and reporting results.
-
5
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. -
6
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. -
7
Markdown Viewer
Markdown Viewer / Browser Extension
Markdown Viewer and Browser Extension. -
8
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. ... -
9
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... -
Data management solutions for confident marketingVerify, deduplicate, manipulate, and assign records automatically to keep your CRM data accurate, complete, and ready for business.
-
10
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. ... -
11
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. ... -
12
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. -
13
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. ... -
14
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. -
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
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. -
17
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. -
18
Markdown Here
Write email in Markdown and render them before sending
If you’ve ever found writing email with code in it a hassle, Markdown Here is the perfect solution for you. Markdown Here is a browser extension that lets you write emails in Markdown, and then renders them before sending. It can also let you write Google Groups posts, blog posts, Evernote notes, Wordpress posts and more in Markdown, even in TeX mathematical formulae! Markdown Here is available for Google Chrome, Firefox, Safari, Opera, and Thunderbird. It supports syntax highlighting... -
19
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. -
20
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. ... -
21
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... -
22
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. ... -
23
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. ... -
24
vue-chartjs
Vue.js wrapper for Chart.js
...Like in this codepen. For this case, please use the vue-chartjs.min.js which is the minified version. You also need to add the Chart.js CDN script. Chart.js does not update or re-render the chart if new data is passed. However, you can simply implement this on your own or use one of the two mixins which are included. The mixins automatically create chartData as a prop or data. And add a watcher. If data has changed, the chart will update. However, keep in mind the limitations of vue and javascript for mutations on arrays and objects. ... -
25
react-native-picker-select
A Picker component for React Native for iOS and Android
...You can then pass down styles to customize it to your needs. For Android, by default we are using the native Picker component. If you prefer, you can set useNativeAndroidPickerStyle to false, which will also render an unstyled TextInput component. You can then pass down styles to customize it to your needs. For either platform, you can alternatively pass down a child element of your choice that will be wrapped in a touchable area. The component defaults to using the native Android Picker in its un-selected state. Setting this flag to false will mimic the default iOS presentation where a tappable TextInput is displayed.
