Awesome GitHub RepositoriesVanilla JavaScript Implementations

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

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

Card-style Hugo theme designed for bloggers

Dieses Projekt ist ein Cookie-Consent-Manager und ein Tool zur DSGVO-Konformität, das verwendet wird, um die Zustimmung der Benutzer für Cookie-Kategorien einzuholen. Es ist als Vanilla-JavaScript-Plugin implementiert, das ohne externe Frameworks oder Abhängigkeiten auskommt. Das Tool bietet eine mehrsprachige Consent-Schnittstelle, die automatisch Browser- oder Dokument-Locales erkennt, um übersetzte Inhalte bereitzustellen. Es verwaltet Datenschutzeinstellungen, indem es Drittanbieter-Iframes und Skripte blockiert, bis eine explizite Zustimmung des Benutzers erteilt wurde. Das System deckt die Anpassung des Website-Datenschutzes durch konfigurierbare Banner und Modals ab, einschließlich Optionen für Layout-Stile und Themes. Es enthält zudem Funktionen, um die Seiteninteraktion einzuschränken, bis eine Entscheidung zur Zustimmung getroffen wurde.

Tiny-slider ist eine Vanilla-JavaScript-Carousel-Bibliothek, die zum Erstellen von touch-fähigen Content-Slidern und barrierefreien UI-Komponenten ohne externe Abhängigkeiten verwendet wird. Sie fungiert als responsive Layout-Engine, die die Sichtbarkeit und Dimensionen von Slides basierend auf Viewport-Breakpoints anpasst. Die Bibliothek zeichnet sich durch integriertes Lazy-Loading für Bilder und Medien zur Verbesserung der Seitenleistung sowie ein responsives System aus, das die Anzahl der Elemente und Abstände automatisch an die Bildschirmgröße des Geräts anpasst. Sie unterstützt zudem verschachtelte Slider-Instanzen, was die Erstellung von multidirektional scrollenden Layouts ermöglicht. Das Projekt deckt umfassende Navigations- und Interaktionsfunktionen ab, einschließlich Unterstützung für Tastaturpfeile, Screenreader-Barrierefreiheit und Touch-Gesten-Erkennung. Es bietet Tools für automatisierte Slide-Übergänge, benutzerdefiniertes Navigations-Styling für Paginierung und Buttons sowie ein ereignisgesteuertes System zum Auslösen benutzerdefinierter Logik bei Lebenszyklusänderungen.

Pickr is a dependency-free JavaScript color picker library and multi-format color converter. It provides a visual interface for selecting colors and transforming them between HEX, RGB, HSL, and CMYK representations. The library is designed as a themed UI component that can attach to and function within web shadow roots. It supports customizable visual styles and layout applications to align with various CSS frameworks and design systems. Capability areas include visual color selection with alpha channel opacity control, the management of preset color swatches, and an event-driven callback sy

autoComplete.js ist eine Vanilla-JavaScript-Bibliothek, die verwendet wird, um durchsuchbare Vorschlags-Dropdowns zu Eingabefeldern hinzuzufügen. Sie fungiert als clientseitige Suchmaschine und Eingabe-Lebenszyklus-Manager, der ohne externe Abhängigkeiten oder Frameworks auskommt. Die Bibliothek bietet eine anpassbare Suchmaschine mit mehreren Matching-Modi und Unterstützung für diakritische Zeichen für eine präzise Datenfilterung. Sie enthält ein Request-Debouncing-Utility, um die Frequenz von Netzwerkanfragen zu begrenzen, indem die Suchausführung während des aktiven Tippens verzögert wird. Das System bietet DOM-basiertes Vorschlags-Rendering für die Echtzeit-Wertfindung und einen ereignisgesteuerten Lebenszyklus-Manager, um benutzerdefinierte Aktionen in spezifischen Stadien des Autocomplete-Prozesses auszulösen.

Dies ist eine Sammlung kleiner JavaScript-Projekte und Codebeispiele, die die Implementierung grundlegender Programmierkonzepte durch praktische Anwendungen demonstrieren. Das Repository dient als Referenz für das Erstellen interaktiver Benutzeroberflächen, das Verwalten des Anwendungszustands und die Integration externer APIs mittels Vanilla JavaScript. Das Projekt konzentriert sich auf die Verwendung von Standard-JavaScript ohne externe Frameworks, um Schnittstellenelemente wie Modals, Slider und Galerien zu erstellen. Es bietet Beispiele für die Organisation komplexer Anwendungslogik durch objektorientierte Muster unter Verwendung von Klassen und Objekten, um sicherzustellen, dass der Code strukturiert und wiederverwendbar ist. Die abgedeckten Funktionen umfassen asynchrones Datenabrufen zur Befüllung dynamischer Inhalte, DOM-Element-Manipulation für Echtzeit-Updates der Benutzeroberfläche sowie die Entwicklung funktionaler Systeme wie Timer und Paginierung.

This project is a comprehensive administrative dashboard template built on Bootstrap 5. It provides a modular library of pre-designed interface components, page layouts, and form elements intended to accelerate the construction of responsive web applications. The framework is designed to be lightweight, utilizing native browser scripting for all interactive behaviors to eliminate dependencies on heavy external libraries. The template distinguishes itself through a focus on performance and customization. It includes a task-runner-based asset pipeline that automates the compilation, minificatio