Projects sharing features with RapiDoc

⚡️ Progressively enhance image placeholders once they are in the viewport

🎚 A cross browser customizable and accessible web component

Lightweight and efficient web component for cropping images. Built with Lit, it provides a simple yet powerful solution for integrating image cropping functionality into your web applications.

Web component file viewer

Trix is a rich text editor and WYSIWYG text component designed for composing and formatting documents with inline styling and block elements. It functions as an HTML content editor that manages and sanitizes input to ensure a secure and consistent document structure, while serving as a document state manager that tracks edit history and persists serialized state. The editor integrates directly with standard HTML forms, converting rich text into data for submission. It features a configurable sanitization engine that cleanses input HTML to remove unsupported tags and mitigate security risks.

| Name | Module | Package | | ------------ | ------ | ------- | | LitElement | | lit |

A no-framework, no-dependencies, customizable, animate-able, SVG-based HTML element.

A simple customisable lit-element burger button

🎹 Play and display MIDI files on the web

css-doodle is a web component for creative coding that renders live CSS-generated patterns and animations directly in the browser. It creates generative art and visual patterns by applying CSS rules to a grid of cells, using the browser's native layout engine for positioning and styling. The component encapsulates its pattern canvas and styling within a custom element's shadow DOM, isolating it from page styles and enabling reusable instances. The tool distinguishes itself by driving pattern configuration through CSS custom properties, allowing dynamic style changes and real-time updates with

Add to your Cargo.toml:

lit-datatable is a material design implementation of a data table.

A modal web component

model-viewer is a web-based 3D model viewer provided as a web component for rendering interactive three-dimensional assets and animations directly in a browser. It functions as a specialized GLTF web renderer designed to display GLTF and GLB files with settings optimized for performance and quality. The project includes a WebXR augmented reality player that projects 3D models into real-world environments using mobile device cameras and spatial tracking. It also features a visual regression testing tool capable of generating golden images and comparing renders to detect visual regressions in 3

A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:

model-viewer is a web component used to render and interact with three-dimensional models directly in a web browser. It functions as a glTF 3D model renderer and an interactive WebGL component, encapsulating a 3D rendering pipeline within a custom HTML element. The project enables web-based augmented reality, allowing 3D assets to be projected into physical environments using a mobile device camera. It provides tools for augmented reality projection and experience creation by combining 3D models with camera tracking. The component supports 3D product visualization and the integration of inte

A friendly web-component for writing and rendering shaders.

A web component

Loads Prism.js language definitions on demand via dynamic imports from nodemodules/prismjs/components/ Loads Prism.js custom themes Built as a web component on Lit

Uses Intersection Observer to load STL files when only in the viewport. Uses Intersection Observer to pause rendering of scene when viewer is not in viewport Loads Binary and ASCII STL files Built as a web component on Polymer 3 / LitElement

A webcomponent to render a QR Code

A toggle button to switch between light/dark/system theme on the Web.

Datepicker element built with lit and Material Design 2021

A lightweight emoji picker for the modern web