6 Repos
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 ist ein JavaScript-UI-Framework und eine Frontend-Komponentenbibliothek für konsistente, einheitliche Benutzeroberflächen. Es bietet eine Sammlung leichtgewichtiger Controls und CSS-Erweiterungen, um visuelle und funktionale Konsistenz über verschiedene Web-Views hinweg zu gewährleisten. Das Projekt verwendet eine modulare Frontend-Architektur, die Funktionalität in unabhängige JavaScript-Control-Module organisiert. Dieses Design hält das Framework leichtgewichtig und erweiterbar, während es das funktionale Verhalten von visuellen CSS-Definitionen entkoppelt. Das Framework steuert die Interface-Entwicklung durch komponentenbasiertes State-Management und zustandsgesteuertes Rendering, wobei das Document Object Model direkt aktualisiert wird. Es nutzt ein System von Style-Erweiterungen, um standardisierte Themes und visuelle Präsentationen innerhalb der Anwendung bereitzustellen.
Uses vanilla DOM controllers to generate interface elements without a heavy framework runtime.