Search Results for "render"
Sort By:
Showing 65 open source projects for "render"
View related business solutions-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
1
json-render
Generate dashboards, widgets, apps, and data visualizations
json-render is a lightweight, framework-agnostic utility designed to turn JSON data into usable HTML layouts automatically, offering a straightforward way to visualize structured data without writing bespoke template code. It takes deeply nested JSON objects and renders them into intuitive, readable UIs by mapping data types and keys to semantic HTML elements, which helps developers prototype dashboards, debugging tools, or data-driven interfaces quickly. -
2
Render Farm Deployment Kit on AWS (RFDK)
Library for use with the AWS Cloud Development Kit
The Render Farm Deployment Kit on AWS (RFDK) is an open-source software development kit (SDK) that can be used to deploy, configure, and manage your render farm infrastructure in the cloud. It offers high-level object-oriented abstractions to define render farm infrastructure using the power of Python and Typescript. The Render Farm Deployment Kit (RFDK) on AWS is an open-source software development kit that can be used to deploy, configure, and manage your render farm infrastructure in the cloud. ... -
3
TailwindSQL
TailwindSQL lets you write SQL queries using Tailwind-style class name
...Inspired by the simplicity and utility of Tailwind CSS, TailwindSQL allows developers to describe database queries using a familiar syntax such as db-table-column-where-field-value, collapsing traditional SQL into readable, utility-driven structures that map directly to data fetches. When used in React Server Components, these class-style queries are parsed and executed at render time with zero client-side JavaScript, letting you fetch and render data without writing SQL strings explicitly. The project is built on SQLite with better-sqlite3 for fast local access, and it supports rendering results in different formats such as text, lists, tables, or JSON directly from markup. -
4
nomnoml
The sassy UML diagram renderer
This is nomnoml, a tool for drawing UML diagrams based on a simple syntax. It tries to keep its syntax visually as close as possible to the generated UML diagram without resorting to ASCII drawings. The nomnoml javascript library can render diagrams on your web page. The only dependency is graphite. Install nomnoml using either npm or good old script inclusion. In the SVG output the node name is attached to SVG shapes and g containers with data-name attribute. You can use this to implement interactive diagrams. -
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.
-
5
react-error-boundary
Simple reusable React error boundary component
...It wraps React’s error-handling primitives in a single <ErrorBoundary> component with a predictable API for rendering fallbacks when descendant components throw during render, lifecycle, or event handlers. The library emphasizes recovery, not just failure: you can reset the error state programmatically or when certain “reset keys” change, returning the subtree to a healthy state without a full page refresh. It supports both declarative fallbacks (elements) and a render-prop approach so you can tailor the UI to the error and provide retry buttons or diagnostics. ... -
6
React DayPicker
Date picker component for React
...Use your own translation strings or import those from moment.js, if you use it. react-day-picker is designed to cover the most common needs for a date picker in web applications. This package includes the DayPicker component to render the calendar (see: basic concepts, API), and the DayPickerInput component to render an input field opening the DayPicker in an overlay. -
7
OSIRIS
Open Source Global Intelligence Platform
...It is designed as a web dashboard that brings together aviation, maritime, CCTV, seismic, fire, weather, space, news, and cyber-related data into one interface. The project uses modern web technologies to render large numbers of entities visually and interactively on maps and dashboards. It positions itself as a transparent alternative to closed intelligence platforms by aggregating public and open-source feeds. Osiris is useful for analysts, researchers, journalists, and technical teams who need a unified view of fast-changing global events. ... -
8
Satori
Enlightened library to convert HTML and CSS to SVG
Enlightened library to convert HTML and CSS to SVG. Satori supports the JSX syntax, which makes it very straightforward to use. Satori will render the element into a 600×400 SVG, and return the SVG string. Under the hood, it handles layout calculation, font, typography and more, to generate a SVG that matches the exact same HTML and CSS in a browser. Satori only accepts JSX elements that are pure and stateless. You can use a subset of HTML elements (see section below), or custom React components, but React APIs such as useState, useEffect, dangerouslySetInnerHTML are not supported. ... -
9
kepler.gl
Kepler.gl is a powerful open source geospatial analysis tool for data
...Built with Deck.gl, Kepler.gl utilizes WebGL to render large datasets quickly and efficiently. You can easily drag and drop a dataset, add filters, apply scales, and do aggregation on the fly. Built on React & Redux, Kepler.gl can be embedded inside your own mapping applications. -
$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.
-
10
graphql-hooks
Minimal hooks-first GraphQL client
Minimal hooks-first GraphQL client. First-class hooks API, tiny bundle: only 7.6kB (2.8 gzipped), full SSR support: see graphql-hooks-ssr. Plugin Caching: see graphql-hooks-memcache, no more render props hell, handle loading and error states with ease. A custom implementation can also be provided instead of polyfilling. The first thing you may ask when seeing graphql-hooks is "Why not use Apollo hooks?". It's the comparison most will make. In fact, there's an article comparing the two over on LogRocket. We believe graphql-hooks is a great choice as a hooks-first GraphQL client due to its concise API and package size. ... -
11
PixiJS
The HTML5 Creation Engine
PixiJS is a fast and lightweight 2D rendering library that lets you create rich, interactive graphics, cross platform applications, and HTML5 games even without prior knowledge of WebGL. It’s a fantastic tool for creating rich, interactive content and with built-in cross platform compatibility and graceful degradation, there’s less work for you and more space for fun and creativity! PixiJS works across all devices and is incredibly fast. If you want to create exceptional experiences without... -
12
Solid
A declarative JavaScript library for building user interfaces
...Declare your state and use it throughout your app, and when a piece of state changes, only the code that depends on it will rerun. Check out our intro video or read on! Fine-grained updates to the real DOM. Declarative data: model your state as a system with reactive primitives. Render-once mental model: your components are regular JavaScript functions that run once to set up your view. Automatic dependency tracking: accessing your reactive state subscribes to it. Small and fast. Simple: learn a few powerful concepts that can be reused, combined, and built on top of. Provides modern framework features like JSX, fragments, Context, Portals, Suspense, streaming SSR, progressive hydration, Error Boundaries and concurrent rendering. -
13
HyperFrames
Write HTML. Render video. Built for agents
HyperFrames is a framework developed by HeyGen that focuses on generating and managing structured, dynamic content experiences powered by AI. It introduces the concept of “frames,” which represent modular units of content that can be dynamically composed and rendered based on context or user interaction. The system is designed to enable highly interactive and personalized experiences, particularly in applications such as video generation, storytelling, and user interfaces. It supports... -
14
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. ... -
15
React Three Fiber
A React renderer for Three.js
...It merely expresses three.js in JSX, <mesh /> becomes new THREE.Mesh(), and that happens dynamically. There is no additional overhead. Components participate in a unified render loop outside of React. It outperforms three.js at scale due to React's scheduling abilities.Y ou need to be versed in both React and three.js before rushing into this. If you are unsure about React consult the official React docs, especially the section about hooks. -
16
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... -
17
React Chart.js
React components for Chart.js, the most popular charting library
...In order to improve performance, offer new features, and improve maintainability, it was necessary to break backwards compatibility, but we aimed to do so only when worth the benefit. You will find that any event which causes the chart to re-render, such as hover tooltips, etc., will cause the first dataset to be copied over to other datasets, causing your lines and bars to merge together. This is because to track changes in the dataset series, the library needs a key to be specified. If none is found, it can't tell the difference between the datasets while updating. Specify a different property to be used as a key by passing a datasetIdKey prop to your chart component. -
18
react-map-gl
React friendly API wrapper around MapboxGL JS
react-map-gl is a suite of React components designed to provide a React API for Mapbox GL JS-compatible libraries. More information is in the online documentation. Starting with v2.0, mapbox-gl requires a Mapbox token for any usage, with or without the Mapbox data service. See about Mapbox tokens for your options. To show maps from a service such as Mapbox you will need to register on their website in order to retrieve an access token required by the map component, which will be used to... -
19
react-teleporter
Teleport React components in the same React tree
...It is designed for complex layouts where a page needs to configure areas such as headers, status bars, toolbars, or footers. Developers create a teleporter that exposes Source and Target components, then place each one where its responsibility belongs. Targets can render as different elements, receive forwarded props, or use a custom target reference. An optional multi-source mode combines content from several sources inside one destination. Function children and React Portal support provide additional control while preserving a simple API centered on the createTeleporter function. -
20
echarts-for-react
Apache ECharts components for React wrapper
echarts-for-react is a React wrapper for Apache ECharts that lets developers render ECharts visualizations inside React applications. It provides a simple component-based interface where users pass an ECharts option object to generate charts. The package supports common React integration needs, including themes, styles, loading states, chart-ready callbacks, event binding, and renderer options. It also exposes access to the underlying ECharts instance, which lets developers use the full ECharts API when needed. ... -
21
OpenUI
OpenUI let's you describe UI using your imagination
OpenUI is an experimental open-source interface generator that allows developers to describe user interfaces in natural language and instantly render them visually. The project aims to accelerate UI prototyping by combining generative AI with modern frontend tooling. Users can iteratively refine designs through conversational prompts and convert generated layouts into frameworks like React or Web Components. OpenUI supports multiple model providers through LiteLLM, making it flexible across different AI ecosystems. ... -
22
Valtio
Valtio makes proxy-state simple for React and Vanilla
Valtio is a lightweight, proxy-based state management library for JavaScript and TypeScript, designed to simplify reactive state handling in both React and vanilla environments. It allows you to manage mutable state through normal JavaScript objects, while providing React hooks (useSnapshot) and subscription utilities to create optimized component re-renders and state observation. It uses ECMAScript Proxies and supports deep state tracking, making state mutation intuitive and powerful... -
23
TanStack Query
Powerful asynchronous state management, server-state utilities
Toss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences. Writing your data fetching logic by hand is over. Tell TanStack Query where to get your data and how fresh you need it to be and the rest is automatic. It handles caching, background updates and stale data out of the box with... -
24
Storybook
The UI component explorer, develop, document, & test React, Vue, etc.
...Storybook provides a sandbox to build UIs in isolation so you can develop hard-to-reach states and edge cases. Implement components and pages without needing to fuss with data, APIs, or business logic. Render components in key states that are tricky to reproduce in an app. Save use cases as stories in plain JavaScript to revisit during development, testing, and QA. Use addons to customize your workflow, automate testing, and integrate with your favorite tools. Stories are a pragmatic, reproducible way to keep track of UI edge cases. Write stories once then reuse them to power automated tests. ... -
25
Apple Music-like Lyrics
A lyric player component library aims to look similar to iPad
Apple Music-like Lyrics is a frontend-oriented project that recreates the dynamic, synchronized lyrics display experience found in Apple Music, focusing on smooth animations, real-time highlighting, and visually engaging typography. It is designed to render time-synced lyrics in a way that emphasizes readability and immersion, often using techniques such as progressive highlighting, scrolling alignment, and transitions that follow the rhythm of the music. The project demonstrates how modern web technologies can be used to replicate complex media UI patterns that were traditionally limited to native applications. ...