45 مستودعات
Methods and interfaces for dynamically updating the structure and content of web pages.
Distinguishing note: Focuses on native DOM interaction rather than virtual DOM abstractions.
Explore 45 awesome GitHub repositories matching web development · DOM Manipulation. Refine with filters or upvote what's useful.
React هي مكتبة JavaScript لبناء واجهات المستخدم تعتمد على معمارية قائمة على المكونات وتدفق بيانات أحادي الاتجاه.
Provides hooks to control browser nodes for tasks like focusing inputs or measuring dimensions.
Vue هو إطار عمل JavaScript تقدمي قائم على المكونات مصمم لبناء واجهات مستخدم تفاعلية وتطبيقات الصفحة الواحدة. يركز على نظام قوالب تصريحي يحول HTML إلى وظائف عرض فعالة، مما يسمح للمطورين بتنظيم الواجهات المعقدة في وحدات معزولة وقابلة لإعادة الاستخدام تتزامن تلقائياً مع حالة التطبيق. يتميز إطار العمل بنظام تفاعلية لتتبع التبعيات يراقب الوصول إلى البيانات أثناء العرض لإطلاق تحديثات دقيقة. يوفر بنية مرنة تدعم كلاً من التبني التزايدي كمكتبة خفيفة الوزن وتطوير التطبيقات على نطاق واسع. يمكن للمطورين الاستفادة من نموذج قابلية توسيع قوي قائم على الإضافات لحقن المنطق العام، بينما يضمن توفيق DOM الافتراضي لإطار العمل تحديثات فعالة للواجهة من خلال حساب الحد الأدنى من الطفرات. بعيداً عن قدرات العرض الأساسية، يتضمن المشروع مجموعة شاملة من الأدوات لإدارة حالة التطبيق، والتوجيه القائم على URL، والعرض من جانب الخادم. يوفر دعماً واسعاً لتركيب المكونات، وتوزيع المحتوى، وإدارة الرسوم المتحركة، إلى جانب تدابير أمنية مدمجة مثل الهروب التلقائي للمحتوى لمنع الثغرات الشائعة. يتم توزيع إطار العمل مع إعلانات نوع رسمية لدعم التحليل الثابت ويمكن تثبيته عبر مديري الحزم القياسيين أو دمجه مباشرة في بيئات المتصفح عبر علامات البرنامج النصي.
Allows low-level DOM access via custom directives when declarative rendering is insufficient.
This project is a structured educational resource designed to guide developers through the mastery of the JavaScript programming language. It utilizes a progressive curriculum that organizes technical concepts into a daily learning path, allowing students to build foundational knowledge before advancing to complex application development. The resource distinguishes itself through a hands-on training model that combines detailed explanations with practical code challenges. By focusing on an interactive learning experience, it reinforces core language principles—such as data types, functional p
Teaches how to manipulate the Document Object Model to create interactive web interfaces.
This project is a structured educational curriculum designed to build proficiency in vanilla JavaScript through hands-on, project-based learning. It provides a series of coding exercises that focus on core language fundamentals and the direct manipulation of the document object model, enabling developers to create interactive web interfaces without relying on external frameworks or dependencies. The curriculum distinguishes itself by emphasizing direct integration with browser-native APIs. Participants learn to build hardware-aware applications by accessing device sensors, cameras, and microp
Core focus on dynamically updating web page content and handling user events.
Crawlee is a web scraping framework designed for building scalable, reliable, and distributed data extraction pipelines. It provides a unified interface for managing headless browser automation and lightweight HTTP requests, allowing developers to handle complex web navigation, dynamic content rendering, and large-scale data collection within a single, modular architecture. The project distinguishes itself through its resource-aware concurrency controller, which dynamically scales task execution based on real-time CPU and memory usage to prevent host machine exhaustion. It also features a rob
Enables dynamic modification of web page structures and element attributes during automated navigation.
Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and
Exposes HTML elements to component logic via magic properties for direct manipulation.
cmux is a GPU-accelerated terminal emulator and workspace manager designed for coordinating multiple concurrent AI coding agents. It functions as an orchestration terminal that uses scriptable workspaces and split panes to manage parallel AI agent workflows, while also serving as a headless browser automation tool and a remote development relay. The project differentiates itself through a programmatic control plane using a Unix domain socket and CLI, allowing for the automated management of terminal layouts and input delivery. It features an integrated web engine for programmatic DOM manipula
Integrates a web engine for direct programmatic manipulation of the DOM and session state within embedded surfaces.
Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con
Provides a hook-based mechanism to perform imperative DOM updates or complex rendering logic directly within template expressions.
This project is a reference guide and collection of implementation patterns for replacing legacy libraries with native JavaScript. It provides a vanilla JavaScript reference guide, a modern web API cookbook, and a DOM manipulation cheat sheet to help migrate frontend dependencies to standard browser APIs. The project focuses on mapping library functions to native interfaces for DOM manipulation, network requests, and event handling. It includes a utility pattern library for common tasks such as string cleaning, type checking, and element styling. The covered capabilities include DOM element
Provides native methods for adding, removing, and wrapping elements to dynamically update page structure.
Tabler Icons is a library of scalable vector graphics designed for consistent visual representation across web interfaces and digital applications. It functions as a comprehensive suite of customizable graphical symbols and pre-built visual elements that adapt to various screen sizes to support interface development. The library utilizes path-based vector rendering, allowing icons to scale infinitely without loss of quality by being rasterized directly by the browser engine. Each asset is constructed on a normalized coordinate grid to ensure consistent proportions, and the icons are designed
Supports embedding icons as inline markup for direct interaction via scripts and style sheets.
This project is a JavaScript educational resource and frontend web development course. It provides a collection of starter files and final projects designed to teach the JavaScript programming language through practical application. The material functions as a project portfolio and implementation guide, demonstrating how to build interactive user interfaces using the document object model. It focuses on event handling, object oriented programming, and the integration of native browser features. The course covers a range of capability areas, including asynchronous data fetching, client-side a
Provides practical exercises for dynamically updating web page structure and content via native DOM manipulation.
This project is a collection of reference implementations for vanilla web applications, interactive browser games, and core frontend development patterns. It consists of small web applications and tools built using standard HTML, CSS, and JavaScript without the use of external frameworks or libraries. The collection demonstrates various practical implementations, including browser-based mini games with arcade and word-guessing mechanics, as well as frontend interface prototypes. These examples cover the use of the native document object model for state manipulation and the implementation of i
Implements native DOM interaction to dynamically update the structure and content of web pages.
Flat-UI is a collection of responsive UI toolkits and CSS libraries used to build websites and interactive web components with a flat design aesthetic. It provides a responsive frontend toolkit and a web component library based on the Bootstrap framework to create adaptive layouts. The library focuses on implementing a consistent flat design through predefined hex color palettes and typography styles. It replaces standard browser elements with customized visual styles to remove skeuomorphic depth. The toolkit covers a broad range of interface capabilities, including customized form elements
Dynamically updates the user interface by altering DOM attributes and styles in response to input.
This project provides a full Python interpreter compiled to WebAssembly, enabling the execution of Python code and scientific libraries directly within web browsers and server-side environments. By bridging the gap between language runtimes, it allows developers to run computational tasks, manage packages, and perform data analysis in client-side environments without requiring a backend server. The platform distinguishes itself through a comprehensive foreign function interface that enables bidirectional data exchange, object proxying, and function calling between Python and JavaScript. It in
Provides methods and interfaces for dynamically updating the structure and content of web pages directly from code.
PrimeVue is a UI component library and design system for Vue. It provides a structured collection of interactive interface elements, widgets, and visual building blocks that integrate with the Vue reactivity system to accelerate web development. The framework enables the creation of responsive web designs and enterprise dashboards through a consistent set of pre-styled components. It supports custom theme implementation and rapid frontend prototyping to maintain a uniform user experience across applications. The system utilizes a component-based architecture and a design token approach. It e
Employs custom directives to perform imperative DOM updates and handle low-level browser events.
chromedp is a browser automation framework and driver that controls web browsers via the Chrome DevTools Protocol. It functions as a headless browser automation tool and web browser controller, enabling the programmatic management of browser sessions, targets, and network responses through a remote debugging interface. The project provides specialized capabilities for Chrome DevTools Protocol automation, including headless browser testing, web scraping and data extraction, and mobile device emulation. It also supports browser-based visual regression by capturing precise screenshots of web pag
Modifies the live document structure by inserting, removing, or replacing DOM elements.
Selectize.js is a jQuery-based autocomplete library and tagging interface component. It functions as a searchable selection tool that combines a text input field with a dropdown select box to facilitate fast item lookup and the management of discrete tags. The project specializes in remote data input, allowing it to fetch, rank, and integrate options from a server in real-time as a user types. It utilizes a weighted search ranking system to score and sort results by scanning multiple text fields for relevance. The library covers a broad range of user interface capabilities, including multi-s
Utilizes jQuery for dynamic updating of the browser DOM to create the custom selection interface.
This project is a technical interview study guide and a markdown-driven static site designed to help developers prepare for coding screenings. It serves as a curated collection of common technical questions and expert answers, functioning as a comprehensive educational resource. The platform provides a structured curriculum and reference materials across several key domains. This includes a JavaScript language reference covering programming fundamentals, a frontend engineering curriculum focused on UI patterns and responsive design, and a web security knowledge base detailing attack vectors a
Details the ability to programmatically update the DOM structure, styles, and content.
svg.js is a JavaScript library and toolkit for programmatically creating, modifying, and querying Scalable Vector Graphics in the browser. It functions as a programmable interface and DOM wrapper that allows developers to manipulate vector elements through a standardized API rather than writing raw XML. The library includes a dedicated animation framework for creating fluid motion and visual transitions. This is supported by tools for path morphing and the use of timelines and easing functions to animate vector graphics. The toolkit covers a broad range of capabilities, including geometric t
Provides a programmable DOM wrapper interface for the dynamic manipulation of SVG elements and attributes.
Summernote is a JavaScript-based WYSIWYG rich text editor designed to transform standard web form elements into interactive document creation interfaces. It functions as an HTML5 text formatting tool that enables users to structure content, apply visual styles, and manage multimedia directly within a browser. The editor utilizes a modular architecture that allows for the registration of custom buttons and features at runtime. It manages document state through range-based selection tracking and event-driven synchronization, ensuring that formatting commands applied via the toolbar are accurate
Uses native browser contenteditable attributes to transform standard HTML elements into interactive rich text fields.