Search Results for "open element"
Sort By:
Showing 259 open source projects for "open element"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
$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.
-
1
Element
A glossy Matrix collaboration client for the web
Element, formerly known as Vector and Riot, is a glossy Matrix collaboration client built using the Matrix React SDK. It offers teams, friends and organizations a secure, all in one chat app that is protected from pesky ads and data mining methods. All communications are done through the open global Matrix network, secured with end-to-end encryption. -
2
Relative-Time Element
Web component extensions to the standard <time> element
Formats a timestamp as a localized string or as relative text that auto-updates in the user's browser. This allows the server to cache HTML fragments containing dates and lets the browser choose how to localize the displayed time according to the user's preferences. Every visitor is served the same markup from the server's cache. When it reaches the browser, the custom relative-time JavaScript localizes the element's text into the local timezone and formatting. Dates are displayed before... -
3
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. -
4
Micro App
A simple, efficient and powerful micro front-end framework
Micro-app is a web component-based micro-frontend framework from JD Retail. It enables sandboxed embedding of independent micro-apps into host pages, with automatic JS/style isolation, element segregation, preloading, and inter-app communication—all independent of framework. Provides plugin architecture and works across any frontend tech stack. -
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.
-
5
Hotkey
Trigger an action on an element with a keyboard shortcut
Trigger an action on a target element when the hotkey (key or sequence of keys) is pressed on the keyboard. This triggers a focus event on form fields or a click event on other elements. By default, hotkeys are extracted from a target element's data-hotkey attribute, but this can be overridden by passing the hotkey to the registering function (install) as a parameter. -
6
Eruda
Console for mobile browsers
With Eruda you can display JavaScript logs, check dom state, show requests status, show localStorage, cookie information, show url, user agent info, include snippets used most often, Html, js, css source viewer, and install. The JavaScript file size is quite huge(about 100kb gzipped) and therefore not suitable to include in mobile pages. It's recommended to make sure eruda is loaded only when eruda is set to true. When initialization, a configuration object can be passed in. Container... -
7
Bootstrap Icons
Open source SVG icon library for Bootstrap
...Embed your icons within the HTML of your page (as opposed to an external image file). Here we’ve used a custom width and height. Use the SVG sprite to insert any icon through the <use> element. Use the icon’s filename as the fragment identifier (e.g., toggles is #toggles). SVG sprites allow you to reference an external file similar to an <img> element, but with the power of currentColor for easy theming. -
8
Turndown
An HTML to Markdown converter written in JavaScript
Convert HTML into Markdown with JavaScript. to-markdown has been renamed to Turndown. See the migration guide for details. For usage with RequireJS, UMD versions are located in lib/turndown.umd.js (for Node.js) and lib/turndown.browser.umd.js for browser usage. These files are generated when the npm package is published. To generate them manually, clone this repo and run npm run build. Turndown also accepts DOM nodes as input (either element nodes, document nodes, or document fragment... -
9
camofox-browser
Headless browser automation server for AI agents to visit sites
camofox-browser is a headless browser automation server built specifically for AI agents that need to interact with websites that often block standard automation stacks. It wraps Camoufox, a Firefox fork that performs fingerprint spoofing at the C++ level, which means many browser characteristics are altered before page scripts can inspect them, rather than relying on JavaScript-layer stealth patches. The project is designed around a REST API, making it easier for agents and external tools... -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
Tabulator
Interactive tables and data grids for JavaScript
Tabulator allows you to create interactive tables in seconds from any HTML Table, Javascript Array or JSON formatted data. Simply include the library and the css in your project and you're away! Tabulator has an enormous number of features to help customize your table experience to your needs. With new features released every month, there is bound to be something to get your interactive table juices flowing. Tabulator is built to work with all the major front-end JavaScript frameworks... -
11
Lite YouTube Embed
A faster youtube embed
Lite YouTube Embed is a lightweight custom element that replaces the standard YouTube iframe with a much faster placeholder until a user interacts with it. It is built for websites that need embedded YouTube videos without the heavy performance cost of loading the full player immediately. The component visually behaves like a normal YouTube embed, but it delays loading expensive iframe resources until playback is requested. Developers can install it from npm or use the source files directly... -
12
vue-select
Everything you wish the HTML <select> element could do
Everything you wish the HTML <select> element could do, wrapped up into a lightweight, extensible Vue component. Vue Select is a feature-rich select/dropdown/typeahead component. It provides a default template that fits most use cases for a filterable select dropdown. The component is designed to be as lightweight as possible while maintaining high standards for accessibility, developer experience, and customization. Vue Select aims to be as lightweight as possible, while maintaining high... -
13
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... -
14
Cropper.js
JavaScript image cropper
The size of the cropper inherits from the size of the image's parent element (wrapper), so be sure to wrap the image with a visible block element. If you are using cropper in a modal, you should initialize the cropper after the modal is shown completely. Otherwise, you will not get the correct cropper. The outputted cropped data is based on the original image size, so you can use them to crop the image directly. If you try to start cropper on a cross-origin image, please make sure that your... -
15
FormCreate
The easy-to-use Vue low-code visual AI form designer
FormCreate is a low-code visual form builder built on Vue that enables developers to create complex, dynamic forms through a drag-and-drop interface rather than manual coding. It is part of the broader form-create ecosystem and leverages JSON-based schema generation to dynamically render forms, handle validation, and manage data collection workflows. The tool is designed to significantly reduce development time by allowing users to visually assemble forms while automatically generating the... -
16
ScrollMagic
The javascript library for magical scroll interactions
ScrollMagic helps you to easily react to the user's current scroll position. ScrollMagic is a complete rewrite of its predecessor Superscrollorama by John Polacek. A plugin-based architecture offers easy customizability and extendability. Animate based on scroll position, pin an element starting at a specific scroll position, toggle CSS classes of elements on and off based on scroll position, effortlessly add parallax effects to your website, create an infinitely scrolling page, add... -
17
Fabric.js
Javascript Canvas Library and SVG-to-Canvas Parser
Fabric.js is a simple yet powerful Javascript HTML5 canvas library that allows you to easily work with HTML5 canvas element in various ways. It is also an SVG-to-canvas (and vice versa) parser. Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple... -
18
flag-icons
A curated collection of all country flags in SVG
A curated collection of all country flags in SVG, plus the CSS for easier integration. For using the flags inline with text add the classes .fi and .fi-xx (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty <span>. If you want to have a squared version flag then add the class fis as well. You could also apply this to any element, but in that case you'll have to use the fib instead of fi and you're set. This means that the flag is just going to appear in the middle of an... -
19
font-logos
An icon font providing popular linux distro's logos
font-logos is an icon font containing logos of popular Linux distributions and other open-source software. All brand icons are trademarks of their respective owners and should only be used to represent the company or product to which they refer. Install the font by downloading and unpacking the latest release's zip manually or installing it from npm. -
20
arrive.js
Watch for DOM elements creation and removal
arrive.js provides events to watch for DOM element creation and removal. It makes use of Mutation Observers internally. -
21
Electron Context Menu
Context menu for your Electron app
Electron Context Menu is a JavaScript package that adds configurable right-click menus to Electron applications. It provides common native-style actions that Electron developers would otherwise need to implement manually. Built-in behavior includes cut, copy, paste, text lookup, web search, link copying, image actions, video actions, and spellchecking-related commands. An Inspect Element option can automatically appear during development for easier debugging. Developers can add, remove,... -
22
FreeTube
An Open Source YouTube app for privacy
FreeTube is an open-source and cross-platform desktop YouTube client built with privacy and user control as its core goals. Instead of relying on the official YouTube API, FreeTube uses its own extractor or community-friendly alternatives to fetch video data, which lets users watch YouTube content without advertisements and prevents Google from tracking them through cookies or JavaScript while browsing or viewing videos. Subscriptions, playlists, viewing history, and other user data are... -
23
Homer
A very simple static homepage for your server
...Empty values (either in config.yml or the endpoint data) will hide the element. -
24
nippleJS
A virtual joystick for touch capable interfaces
A virtual joystick for touch-capable interfaces. Import it the way you want into your project. Your joystick's container has to have its CSS position property set, either absolute, relative, static. You can configure your joystick in different ways. The dom element in which all your joysticks will be injected. You can listen events both on the manager and all the joysticks. But some of them are specific to its instance. When listening on the manager, you can also target a joystick in... -
25
lavish-axi
HTML is the new markdown. Lavish is the new editor for HTML artifacts
Lavish AXI is a local-first editor for reviewing and refining HTML artifacts produced by AI agents. It opens generated HTML in a browser so users can inspect the actual interactive result instead of relying on screenshots or long text descriptions. Users can pinpoint elements, select text ranges, annotate content, and send feedback directly back to the agent. Rendered Mermaid diagrams can also be edited as whiteboards. The tool is designed as an agent-native CLI with token-efficient output,...
