Search Results for "html render"
Sort By:
Showing 50 open source projects for "html render"
View related business solutions-
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
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.
-
1
html-react-parser
HTML to React parser
HTML to React parser that works on both the server (Node.js) and the client (browser). 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. -
2
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. -
3
tabler icons
1950 free MIT-licensed high-quality SVG icons
...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. -
4
uhtml
A micro HTML/SVG render
uhtml is a minimal JavaScript library for building fast, reactive HTML and SVG interfaces with standard web platform features. It uses tagged template literals to provide a JSX-inspired syntax without requiring a compiler or specialized build tools. Components can be written as regular functions and connected to reactive state through signals, computed values, effects, batching, and untracked reads. The renderer supports keyed nodes, references, fragments, event handlers, boolean attributes,... -
Paessler: Easy to Use With Enterprise Power. Free TrialYou shouldn't have to choose between a monitoring tool that's easy to use and one that's powerful enough for a complex environment. PRTG's low-code interface lets any admin build dashboards, set alerts and monitor devices without scripting, while custom sensors and full API access are there when your team needs deeper control. One platform, no compromise. Download a free 30-day trial now.
-
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
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. -
7
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... -
8
react-globe.gl
React component for Globe Data Visualization using ThreeJS/WebGL
react-globe.gl provides React bindings for creating interactive three-dimensional globe visualizations with Globe.GL. It exposes globe configuration and data visualization layers through React component properties. Applications can render points, arcs, polygons, paths, heatmaps, tiles, particles, rings, labels, HTML markers, and custom 3D objects. Three.js and WebGL handle the underlying three-dimensional rendering. Developers can combine several geographic layers and update them through normal React state and component workflows. The library is suitable for dashboards, geographic analytics, global networks, satellite displays, maps, and other React applications that require interactive spherical visualization. -
9
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... -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
10
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. ... -
11
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. ... -
12
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... -
13
remark-math
remark and rehype plugins to support math
This project is a monorepo that contains several packages for dealing with math in markdown and HTML. This repository contains unified (rehype and remark) plugins to add support for math. You can use them to add support for parsing and serializing a syntax extension and to render math with KaTeX or MathJax. This project is useful when you want to support LaTeX math. This mechanism works well when you want authors, who have some LaTeX experience, to be able to embed rich diagrams of math to scientific documentation. ... -
14
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... -
15
Observable Plot
A concise API for exploratory data visualization
Observable Plot is a free, open-source JavaScript library to help you quickly visualize tabular data. It has a concise and (hopefully) memorable API to foster fluency — and plenty of examples to learn from and copy-paste. In the spirit of show don’t tell, below is a scatterplot of the height and weight of Olympic athletes (sourced from Matt Riggott), constructed using a dot mark. We assign columns of data (such as weight) to visual properties (such as the dot’s x), and Plot infers the rest.... -
16
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... -
17
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. ... -
18
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. -
19
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... -
20
Semantic UI React
The Semantic-UI-React integration
...It is not feasible to keep real DOM manipulations in sync with React's virtual DOM. Because of this, all jQuery functionality has been re-implemented in React. Declarative APIs provide for robust features and prop validation. Control the rendered HTML tag, or render one component as another component. Extra props are passed to the component you are rendering as. Augmentation is powerful. You can compose component features and props without adding extra nested components. This is essential for working with MenuLinks and react-router. Shorthand props generate markup for you, making many use cases a breeze. ... -
21
Ember Table
An addon to support large data sets
Ember Table is a power table made for users who need a full-fledged, fully-customizable table component for their apps. It is built to be flexible, scalable, and ergonomic for day-to-day use. Unlike other table components, Ember Table seeks to provide as many common table features as it can without sacrificing flexibility or composability. You can still use standard component idioms to customize, extend, and build on top of Ember Table at every level, ensuring that it never gets in your way... -
22
pdf-extractor
Node.js module for rendering pdf pages to images, svgs and HTML files
Pdf-extractor is a wrapper around pdf.js to generate images, svgs, html files, text files and json files from a pdf on node.js. A DOM Canvas is used to render and export the graphical layer of the pdf. Canvas exports *.png as a default but can be extended to export to other file types like .jpg. Pdf objects are converted to svg using the SVGGraphics parser of pdf.js. Pdf text is converted to HTML. This can be used as a (transparent) layer over the image to enable text selection. ... -
23
penthouse
Generate critical CSS for your web pages
The critical path is the path to render a web page, what's needed before that can happen. CSS Stylesheets block rendering. Until the browser has requested, received, downloaded, and parsed your stylesheets, the page will remain blank. By reducing the amount of CSS the browser has to go through, and by inlining it on the page (removing the HTTP request), we can get the page to render much, much faster. You should minify the critical CSS, then inline it on your page (wrapped in <style> tags).... -
24
easy-canvas
easy-canvas is a powerful tool helps us easy to layout with canvas
Use the render function to create a document flow in the canvas and quickly implement the layout. Support document flow, refer to the web, no need to set x, y, width and height. Compatible with applets and the web, no third-party dependencies. Support componentization, global components, and local components. High performance, scroll-view supports dirty rectangles, and only draws the visible part. Support element operation, similar to operation dom to modify document flow. -
25
render-async
render_async lets you include pages asynchronously with AJAX
render_async is here to make your pages show faster to users. Pages become faster seamlessly by rendering partials to your views. Partials render asynchronously and let users see your page faster than using regular rendering. It works with Rails and its tools out of the box. A quick overview of how render_async does its magic. User visits a page, render_async makes an AJAX request on the controller action, controller renders a partial, partial renders in the place where you put render_async...
