6 dépôts
Controllers that manage UI behavior using direct DOM manipulation without a framework runtime.
Distinct from JavaScript Component Controllers: Distinct from JavaScript Component Controllers: specifically emphasizes the use of vanilla JavaScript and direct DOM manipulation over framework-managed lifecycles.
Explore 6 awesome GitHub repositories matching user interface & experience · Vanilla DOM Controllers. Refine with filters or upvote what's useful.
Material Design Lite is a Material Design UI library and CSS design system. It serves as a front-end component framework providing a collection of HTML, CSS, and JavaScript components that implement the Material Design visual language for web applications. The project enables the implementation of Material Design components and a standardized design language to maintain a consistent look and feel across user interfaces. It supports frontend UI development and responsive web styling through pre-built components. The library facilitates rapid web prototyping by providing pre-styled components
Manages component behavior and user interactions through direct DOM manipulation without requiring an external framework runtime.
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 UI behavior using direct DOM manipulation without the need for a framework runtime.
VvvebJs is a self-hosted, vanilla JavaScript library for visually assembling web pages by dragging pre-built HTML components onto a canvas. It functions as a visual HTML editor and component-based page builder that requires no build tools or external dependencies, and can be deployed on a server with PHP or Node.js backend for saving and exporting pages. The builder organizes reusable HTML components into named groups for drag-and-drop assembly, and provides visual property editing that modifies HTML attributes, CSS styles, and class names through form controls and property panels. It include
Directly manipulates the browser's DOM tree to build and edit page layouts without a virtual DOM.
intl-tel-input is an international telephone input widget that provides a country-aware phone number entry experience with automatic formatting, validation, and E.164 normalization. It combines a searchable country picker with a format-as-you-type engine and a validation rule engine that checks numbers against country-specific patterns, returning machine-readable error codes when a number is invalid. The project ships as both a zero-dependency vanilla JavaScript library and as framework-specific components for React, Vue, Angular, and Svelte, all sharing the same core logic through a framewor
Provides a zero-dependency vanilla JavaScript library for international telephone input without requiring a framework.
This is a vanilla JavaScript DOM manipulation library that provides a collection of native methods for selecting, creating, and modifying HTML DOM elements without any framework dependencies. It operates directly on the live DOM tree using imperative JavaScript calls, wrapping standard browser DOM APIs into reusable utility functions. The library covers the full spectrum of DOM operations including element selection, creation, removal, content and attribute management, event handling, style and class manipulation, and DOM traversal. It includes approaches for cross-browser DOM compatibility,
Wraps native browser DOM methods into reusable utility functions without any abstraction layer or framework overhead.
Fuelux est un framework UI JavaScript et une bibliothèque de composants frontend utilisés pour construire des interfaces utilisateur cohérentes et unifiées. Il fournit une collection de contrôles légers et d'extensions CSS conçus pour assurer une cohérence visuelle et fonctionnelle à travers différentes vues web. Le projet emploie une architecture frontend modulaire, organisant les fonctionnalités en modules de contrôle JavaScript indépendants. Cette conception permet au framework de rester léger et extensible tout en découplant le comportement fonctionnel des définitions CSS visuelles. Le framework gère le développement d'interface via une gestion d'état basée sur les composants et un rendu piloté par l'état, mettant à jour le DOM directement. Il utilise un système d'extensions de style pour fournir des thèmes standardisés et une présentation visuelle cohérente dans toute l'application.
Uses vanilla DOM controllers to generate interface elements without a heavy framework runtime.