Open Source TypeScript HTML/XHTML Software

PixiJS' strength is speed. When it comes to 2D rendering, PixiJS is the fastest there is. Friendly, feature-rich API lets PixiJS take care of the fundamentals whilst you focus on producing incredible multiplatform experiences. PixiJS is and always will be open source, with a large and supportive community pushing its growth and evolution. Thousands of award-winning sites and experiences are being made with PixiJS by leading content authors around the world. PixiJS will always be free and open-source but with your support, we can grow faster together. Interactive, visually compelling content on desktop, mobile, and beyond, all reached with a single codebase to deliver transferable experiences. Beautiful anti-aliased text at native and retina resolutions means that Pixi copy is as easy on the eye as it is on any other delivery method. Organize your objects in hierarchical trees, with parent-child relationships.

An Angular2+ library for building complex HTML tables using DataTables JQuery plug-in. Implementation of the example on custom filtering with range search. The HTML element provides a Promise that returns the instance of the DataTable. Implementation of the example on individual column searching (text inputs). Sometimes, your DataTable options are stored or computed server-side. All you need to do is to return the expected result as a promise. You can use Angular Pipe to transform data on the table. You can use Angular TemplateRef acquired from ViewChild or passing it from HTML to transform data on the table.

A toolkit that simplifies the creation of rich and interactive 2D or 3D experiences. LUME is composed of several packages that can be used individually, or together as a whole. HTML elements for easily defining rich and interactive 2D or 3D applications powered by CSS3D, WebGL, or both mixed together. This is a web component system that allows you to create new, fast, and performant HTML elements in a simple way. It provides the foundation for LUME's HTML elements and a standard pattern for building new elements that extend the features of LUME. Augment HTML elements with features called "behaviors" that are similar to custom elements: each behavior is defined as a class that has the same lifecycle methods as custom elements. The difference is that an unlimited number of behaviors can be associated with an element.

Simple Dashboard Admin App built using Angular 13 and Bootstrap 5. This project is a port of the famous Free Admin Bootstrap Theme SB Admin v8.0 to Angular 13 Theme. This project was generated with Angular CLI version 13.2.2. Provides fast, reliable and extensible starter for the development of Angular projects. Note that this seed project requires node >=v12.0.0 and npm >=6. Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module. Run ng test to execute the unit tests via Karma. Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

This module exposes a function that generates images (png, jpeg) from HTML. It uses a puppeteer in headless mode to achieve it. Additionally, it embarks Handlebars to provide a way to add logic to your HTML. When you install Puppeteer, it downloads a recent version of Chromium (~170MB Mac, ~282MB Linux, ~280MB Win) that is guaranteed to work with the API. node-html-to-image takes a screenshot of the body tag's content. If you want to set output image's resolution you need to set its dimension using CSS. Handlerbars is a templating language. It generates HTML from a template and an input object. In the following example we provide a template to node-html-to-image and a content object to fill the template.

The fast & forgiving HTML and XML parser. htmlparser2 is the fastest HTML parser, and takes some shortcuts to get there. If you need strict HTML spec compliance, have a look at parse5. htmlparser2 itself provides a callback interface that allows the consumption of documents with minimal allocations. While the Parser interface closely resembles Node.js streams, it’s not a 100% match. Use the WritableStream interface to process a streaming input.

Angular Flex Layout provides a sophisticated layout API using Flexbox CSS + mediaQuery. This module provides Angular developers with component layout features using a custom Layout API, mediaQuery observables, and injected DOM flexbox-2016 CSS stylings. The Flex Layout engine intelligently automates the process of applying appropriate Flexbox CSS to browser view hierarchies. This automation also addresses many of the complexities and workarounds encountered with the traditional, manual, CSS-only application of box CSS. The real power of Flex Layout, however, is its responsive engine. The Responsive API enables developers to easily specify different layouts, sizing, visibilities for different viewport sizes and display devices.

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 Language for the client. Apollo is a set of tools and community effort to help you use GraphQL in your apps. It's well known for its client and server.

The Bitwarden web project is an Angular application that powers the web vault.

Happy DOM is a JavaScript implementation of a web browser without its graphical user interface. It includes many web standards from WHATWG DOM and HTML. The goal of Happy DOM is to emulate enough of a web browser to be useful for testing, scraping web sites, and server-side rendering. Happy DOM focuses heavily on performance and can be used as an alternative to JSDOM. Happy DOM now supports Declarative Shadow DOM which can be used for server-side rendering of web components. This package makes it possible to use Happy DOM with Jest.

A minimal library which polyfills the ResizeObserver API and is entirely based on the latest Specification. It immediately detects when an element resizes and provides accurate sizing information back to the handler. Check out the Example Playground for more information on usage and performance. The latest Resize Observer specification is not yet finalised and is subject to change. Any drastic changes to the specification will bump the major version of this library, as there will likely be breaking changes. Check the release notes for more information.

Based on the electron open-source toolbox, free integration of rich plug-ins, creates the ultimate desktop efficiency tool, Rubick is one of the heroes of Dota, The core skill is the ability to use other heroes as plug-ins, Finished the walk, Very consistent with the design concept of this tool, So named Rubick. Plug-in management is based on npm package mode, installing plugins is as easy as installing npm packages. Support system plug-ins, as long as rubick is running, plug-ins can be used at any time. Support global shortcut key settings. Support clipboard file search. Support searching for locally installed apps or preferences. Support for MacOS. Support for Windows, and support for Linux. Click the rubick icon on the right side of the search box to enter the plug-in market, select the desired plug-in, and click the download button to download.

Highly customizability, full TypeScript, performance pretty good. This library is using base on vue 3.0 with using composition api, and design and code components in the traditional way by Vue possible, fully TypeScript. Almost all the default value of props for each component can be quickly modified by configuration, for easy customization. And, the writing of component codes pays great attention to lowering the threshold of source code reading, and the style of code is as close to the usual business code habits as possible to avoid dazzling encapsulation. There are currently 70+ components, many you see everywhere are here and are better, and a few may bright your eyes.

WebF (Web on Flutter) is a W3C standards-compliant web rendering engine based on Flutter, allowing web applications to run natively on Flutter. W3C Standards Compliant: WebF uses HTML/CSS and JavaScript to render content on Flutter, achieving 100% consistency with browser rendering. Front-End Framework Supports: As WebF is W3C standards compliant, it can be used with many front-end frameworks, such as React, Vue. Expand your Web App with Flutter: WebF is fully customizable. You can define a customized HTML element with Flutter Widgets and use it in your application or add a JavaScript API for any Dart library from pub.dev registry. Web Development Experience. WebF supports inspecting DOM structure, CSS styles and debugging JavaScript with Chrome DevTools, providing a browser-like web development experience. Write Once, Run Anywhere: With the power of WebF, You can write your web application and run it on any device that Flutter supports.

HTML to PDF or image (jpeg, png, webp) converter via Chrome/Chromium. This library is NOT meant to accept untrusted user input. Doing so may have serious security risks such as Server-Side Request Forgery (SSRF). If you run into CORS issues, try using the --disable-web-security Chrome flag, either when you start Chrome externally, or in options.chromeFlags. This option should only be used if you fully trust the code you are executing during a print job. It is strongly recommended that you keep Chrome running side-by-side with Node.js. There is significant overhead starting up Chrome for each PDF generation which can be easily avoided. By default, pages are saved as a PDF. To save as a screenshot instead, supply screenshotOptions. You can optionally provide an HTML template for a custom header and/or footer. There are a few CompletionTrigger types that wait for something to occur before triggering PDF printing.

HTML parsing/serialization toolset for Node.js. WHATWG HTML Living Standard (aka HTML5)-compliant. parse5 provides nearly everything you may need when dealing with HTML. It's the fastest spec-compliant HTML parser for Node to date. It parses HTML the way the latest version of your browser does. It has proven itself reliable in such projects as jsdom, Angular, Lit, Cheerio, rehype and many more.

An iOS/Android pure javascript react-native component that renders your HTML into 100% native views. Along with the release comes this new website and the Discovery App which features all the docs of the website with embedded RNRH-rendered snippets. For this very reason, the Discovery App is recommended for newcomers, or for those who want a "live" feeling of the new engine capabilities. The website is more suited during development when searching for specific information. In addition, the Discovery App has a collection of "Playgrounds" to play with specific components and observe how they respond to style and props changes. The new rendering API is an order of magnitude more powerful than the legacy. Custom renderers are now plain React Component instead of functions, and you have now access to the underlying renderer for rich customization. Default renderers support onPress and many more interesting props!