Search Results for "dom" - Page 3
Sort By:
Showing 168 open source projects for "dom"
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.
-
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
1
LazyLoad
LazyLoad is a lightweight, flexible script that speeds up your website
LazyLoad is a fast, lightweight and flexible script that speeds up your web application by loading images only as they enter the viewport. LazyLoad supports responsive images. LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, animated SVGs, videos and iframes to when they will enter the viewport. It’s written in plain “vanilla” JavaScript, it leverages the IntersectionObserver API, it supports... -
2
D3.js
A JavaScript library for visualizing data using web standards
D3.js (or D3 for Data-Driven Documents) is a JavaScript library that allows you to produce dynamic, interactive data visualizations in web browsers. With D3 you can bring data to life using SVG, Canvas and HTML. Powerful visualization and interaction techniques plus a data-driven approach to DOM manipulation means D3.js gives you greater design freedom and control over the final result. -
3
Vanilla Web Projects
Mini projects built with HTML5, CSS & JavaScript
vanillawebprojects is a collection of small, hands-on web apps built with only HTML, CSS, and plain JavaScript to teach core front-end skills without frameworks. Each project targets a concrete concept—DOM manipulation, events, localStorage, fetch, form validation, audio/video APIs, and more—so learners see ideas applied in working code. The codebases are intentionally compact and readable, making them easy to clone, tweak, and extend. Projects progress from beginner-friendly to moderately advanced, offering a steady ramp of difficulty and variety. ... -
4
Semantic UI React
The Semantic-UI-React integration
jQuery is a DOM manipulation library. It reads from and writes to the DOM. React uses a virtual DOM (a JavaScript representation of the real DOM). React only writes patch updates to the DOM, but never reads from it. 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. -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
5
hyperx
Tagged template string virtual dom builder
tagged template string virtual dom builder. This module is similar to JSX, but provided as a standards-compliant ES6 tagged template string function. hyperx works with virtual-dom, react, hyperscript, or any DOM builder with a hyperscript-style API: h(tagName, attrs, children). You might also want to check out the hyperxify browserify transform to statically compile hyperx into javascript expressions to save sending the hyperx parser down the wire. -
6
SiriWave
The Apple® Siri wave-form replicated in a JS library
...Import the UMD package via the unpkg CDN and it's ready to use. Create a div container and instantiate a new SiriWave object. Stop the animation and destroy the canvas, by removing it from the DOM. Subsequent start() calls on this SiriWave instance will fail with an exception. -
7
Closure Library
Google's common JavaScript library
The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more. The Closure Library is server-agnostic and is intended for use with the Closure Compiler. The Closure Library serves as the base JavaScript library for many Google products. Now that the Closure Library is open source, more and more developers outside Google are integrating the library in their own projects. ... -
8
MVVM
Analyze the principle of vue implementation and implement mvvm
This repository presents a minimal JavaScript implementation of the MVVM pattern to illustrate how reactive data binding systems work under the hood. It wires up data observation with watchers and a dependency-tracking mechanism, then connects that to a simple template compiler and directive system to update the DOM when state changes. Two-way bindings and computed values demonstrate how views can reflect model changes instantly while user input propagates back to the data layer. The code favors clarity over performance, exposing concepts such as property interception, change notification, and view updates in a few readable modules. Because it mirrors ideas found in larger frameworks, it’s an excellent teaching aid for developers who want to understand why features like computed properties and watchers behave as they do. ... -
9
A-Frame Inspector
Visual inspector tool for A-Frame
...The A-Frame Inspector is a visual tool for inspecting and tweaking scenes. The Inspector is similar to the browser’s DOM inspector but tailored for 3D and A-Frame. Not only can we open our local scenes inside the Inspector, we can open any A-Frame scene in the wild using the Inspector (as long as the author has not explicitly disabled it). -
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.
-
10
jQuery json-viewer
jQuery plugin for displaying JSON data
json-viewer is a jQuery plugin for easily displaying JSON objects by transforming them into HTML. -
11
Twemoji
Simple library that provides standard Unicode emoji for all platforms
...The graphics are licensed under the CC-BY 4.0 which has a pretty good guide on best practices for attribution. Although there are two kinds of parsing supported by this utility, we recommend you use DOM parsing, explained below. Each type of parsing accepts a callback to generate an image source or an options object with parsing info. The second kind of parsing is string parsing. This is unrecommended because this method does not sanitize the string or otherwise prevent malicious code from being executed; such sanitization is out of scope. -
12
CalDOM
An agnostic, reactive & minimalist (3kb) JavaScript UI library
An agnostic, reactive & minimalist (3kb) JavaScript UI library with direct access to native DOM. Instead of pulling you into a library-specific magical world, CalDOM let you fully access the DOM directly while keeping the reactivity. So you could take full advantage of native APIs & mix it with other libraries to gain superior performance & flexibility in the development process. In essence, CalDOM is just a wrapper around the native Node/Element. -
13
Vue.js Analysis
Vue.js source code analysis
...It was created to help learners understand Vue’s implementation principles in a more systematic way than scattered blog posts. The project focuses on Vue 2.x internals, including initialization, reactivity, virtual DOM, component rendering, template compilation, lifecycle behavior, and related architectural ideas. It is connected to a paid video course but keeps the ebook material openly available for reading. The repository is best suited for front-end developers who already know Vue usage and want to understand how the framework works underneath. ... -
14
HTML DOM
Common tasks of managing HTML DOM with vanilla JavaScript
...I still remember the moments when starting to use jQuery, Prototype, script.aculo.us, Zepto and many more. Nowadays, even if our application is powered by modern tools such as Angular, Vue, React, Svelte, .etc, we have to deal with DOM. The frameworks encapsulate and hide the DOM management directly, but still give us a door to work with DOM via ref, event handlers. If you develop or use a web component in any framework, you have to work with DOM at a certain level. Knowing the browser DOM APIs and how to use them play an important role in web development. A website introducing the APIs, well-known problems, most popular questions could be very useful. -
15
Superfine
Absolutely minimal view layer for building web interfaces
...Mix it with your favorite state management library or use it standalone for maximum flexibility. When describing how a page looks in Superfine, we don't write markup. Instead, we use the h() and text() functions to create a lightweight representation of the DOM (or virtual DOM for short), and patch() to actually render the DOM. Superfine won't re-create the entire DOM every time we use patch(). By comparing the old and new virtual DOM we are able to change only the parts of the DOM that need to change instead of rendering everything from scratch. -
16
lax.js
Library to create smooth & beautiful animations when you scroll
...If you're using a library like React, Vue or EmberJS, it is likely that you are adding elements after the initial window.onload. Because of this you will need to call lax.addElements when you add components to the DOM that you want to animate. -
17
serverless-chrome
Run headless Chrome/Chromium on AWS Lambda
Serverless Chrome contains everything you need to get started running headless Chrome on AWS Lambda (possibly Azure and GCP Functions soon). The aim of this project is to provide the scaffolding for using Headless Chrome during a serverless function invocation. Serverless Chrome takes care of building and bundling the Chrome binaries and making sure Chrome is running when your serverless function executes. In addition, this project also provides a few example services for common patterns... -
18
Dragula
Drag and drop so simple it hurts
Dragula is a lightweight JavaScript library that makes drag-and-drop between containers in the browser extremely simple. You provide one or more container elements and it handles all the DOM event wiring so users can drag items within and between containers with natural behavior. By default, any element in those containers can be picked up and dropped in any other container in the group, with sensible rules for what happens if the item is dropped elsewhere. The library includes configuration hooks for customizing what counts as a valid container, whether items are movable, where they can be dropped, and how they behave when “spilled” outside of containers. ... -
19
NG6
An AngularJS Starter repo for AngularJS + ES6 + Webpack
NG6 is a starter project for building single-page applications with AngularJS 1.x, modern ES6 JavaScript, and Webpack as the module bundler. It provides a minimal but opinionated boilerplate that shows best practices for structuring a scalable Angular app using a fully componentized file layout. The project wires together Webpack and Babel to handle ES6 transpilation, asset bundling, and hot reloading during development. Gulp is used as an orchestrator to run Webpack, start a development... -
20
C3.js
A D3-based reusable chart library
...For IE9 and IE10, polyfill is required because c3 uses MutationObserver, which is not supported in those versions. However, it's not required if charts always will be binded to the DOM specified by bindto because MutationObserver is not called in that case. -
21
Hiper
A statistical analysis tool for performance testing
...By averaging data across multiple page loads, Hiper helps developers understand whether performance optimizations actually improve real-world page loading behavior. The tool relies on browser performance timing data to capture metrics such as DNS lookup time, TCP connection time, time to first byte, download duration, DOM readiness, and total page load time. Hiper runs from the command line and can be installed globally using Node.js package managers, making it simple to integrate into development or testing workflows. -
22
React Helmet
A document head manager for React
This reusable React component will manage all of your changes to the document head. Helmet takes plain HTML tags and outputs plain HTML tags. It's dead simple, and React beginner friendly. Helmet 5 is fully backward-compatible with previous Helmet releases, so you can upgrade at any time without fear of breaking changes. We encourage you to update your code to our more semantic API, but please feel free to do so at your own pace. If you are using a prebuilt compilation of your app with... -
23
Bootlint
HTML linter for Bootstrap projects
Bootlint is a tool that checks for several common HTML mistakes in webpages that are using Bootstrap in a fairly "vanilla" way. Vanilla Bootstrap's components/widgets require their parts of the DOM to conform to certain structures. Bootlint checks that instances of Bootstrap components have correctly structured HTML. Optimal usage of Bootstrap also requires that your pages include certain <meta> tags, an HTML5 doctype declaration, etc.; Bootlint checks that these are present. Bootlint assumes that you are using Bootstrap's default class names in your webpage, as opposed to taking advantage of the "mixins" functionality of Less or Sass to map them to custom class names. ... -
24
Page Monitor
capture webpage and diff the dom change with phantomjs
...It exposes a Monitor API with methods for capturing pages and manually comparing two saved states. Overall, it is a practical utility for developers who need automated webpage change detection, regression checks, or historical DOM comparison. -
25
Chardin.js
Simple overlay instructions for your apps
Chardin.js is a jQuery plugin that creates a simple overlay to display instructions on existent elements. It is inspired by the recent Gmail new composer tour. Add the instructions to your elements. Text to show with the instructions/tooltip. data-position: (left, top, right, bottom), where to place the text with respect to the element. In addition, you can alter the relative position of the tooltip text by placing a colon and a percentage value (-100 to 100) after the position text, eg...
