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

Acest proiect este un manager de consimțământ pentru cookie-uri și un instrument de conformitate GDPR utilizat pentru a colecta acordul utilizatorilor pentru categorii de cookie-uri. Este implementat ca un plugin vanilla JavaScript care funcționează fără framework-uri sau dependențe externe. Instrumentul oferă o interfață de consimțământ multilingvă care detectează automat localele browserului sau ale documentului pentru a servi conținut tradus. Gestionează preferințele de confidențialitate prin blocarea iframe-urilor și scripturilor terțe până când este acordat consimțământul explicit al utilizatorului. Sistemul acoperă personalizarea confidențialității site-ului web prin bannere și modale configurabile, incluzând opțiuni pentru stiluri de layout și teme. Include, de asemenea, capabilități pentru a restricționa interacțiunea cu pagina până când este luată o decizie privind consimțământul.

Tiny-slider este o bibliotecă de carusel vanilla JavaScript utilizată pentru a crea slidere de conținut cu suport tactil și componente UI accesibile, fără dependențe externe. Funcționează ca un motor de layout responsiv care ajustează vizibilitatea și dimensiunile slide-urilor în funcție de breakpoint-urile viewport-ului. Biblioteca se distinge prin lazy loading integrat pentru imagini și media pentru a îmbunătăți performanța paginii și un sistem responsiv care scalează automat numărul de elemente și spațierea în funcție de dimensiunea ecranului dispozitivului. De asemenea, suportă instanțe de slider imbricate, permițând crearea de layout-uri de derulare multidirecționale. Proiectul acoperă capabilități cuprinzătoare de navigare și interacțiune, inclusiv suport pentru săgețile de la tastatură, accesibilitate pentru cititoarele de ecran și detectarea gesturilor tactile. Oferă instrumente pentru tranziții automate ale slide-urilor, stilizarea personalizată a navigării pentru paginare și butoane, și un sistem bazat pe evenimente pentru declanșarea logicii personalizate în timpul schimbărilor ciclului de viață.

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 este o bibliotecă JavaScript vanilla utilizată pentru a adăuga meniuri dropdown de sugestii căutabile elementelor de input. Funcționează ca un motor de căutare pe partea de client și un manager de ciclu de viață al input-ului care operează fără dependențe externe sau framework-uri. Biblioteca dispune de un motor de căutare personalizabil cu moduri de potrivire multiple și suport pentru diacritice pentru filtrarea precisă a datelor. Include un utilitar de debouncing al cererilor pentru a limita frecvența cererilor de rețea prin întârzierea execuției căutării în timpul tastării active. Sistemul oferă randarea sugestiilor bazată pe DOM pentru descoperirea valorilor în timp real și un manager de ciclu de viață bazat pe evenimente pentru a declanșa acțiuni personalizate în etape specifice ale procesului de autocomplete.

Aceasta este o colecție de mici proiecte JavaScript și exemple de cod care demonstrează implementarea conceptelor fundamentale de programare prin aplicații practice. Repository-ul servește drept referință pentru construirea de interfețe interactive, gestionarea stării aplicației și integrarea API-urilor externe folosind JavaScript vanilla. Proiectul se concentrează pe utilizarea JavaScript standard fără framework-uri externe pentru a crea elemente de interfață precum modale, slidere și galerii. Oferă exemple de organizare a logicii complexe a aplicației prin tipare orientate pe obiecte, folosind clase și obiecte pentru a asigura un cod structurat și reutilizabil. Capabilitățile acoperite includ preluarea asincronă a datelor pentru a popula conținutul dinamic, manipularea elementelor DOM pentru actualizări în timp real ale interfeței și dezvoltarea de sisteme funcționale precum cronometre și paginare.

Acest proiect este un template de dashboard administrativ cuprinzător construit pe Bootstrap 5. Oferă o bibliotecă modulară de componente de interfață pre-proiectate, layout-uri de pagini și elemente de formular menite să accelereze construcția aplicațiilor web responsive. Framework-ul este conceput pentru a fi ușor, utilizând scripting nativ de browser pentru toate comportamentele interactive pentru a elimina dependențele de biblioteci externe grele. Template-ul se distinge printr-un accent pe performanță și personalizare. Include un pipeline de active bazat pe task-runner care automatizează compilarea, minificarea și împachetarea fișierelor sursă, asigurând active optimizate gata de producție. Dezvoltatorii pot menține branding-ul și identitatea vizuală consistente prin modificarea fișierelor de configurare centralizate, care utilizează variabile preprocesor și mixin-uri pentru a genera clase utilitare și stiluri personalizate. Dincolo de componentele sale UI de bază, proiectul include o suită de module funcționale pentru gestionarea autentificării utilizatorilor, inclusiv fluxuri de înregistrare, login și recuperare a parolei. Oferă, de asemenea, instrumente integrate pentru vizualizarea datelor, gestionarea datelor tabulare și programare interactivă, alături de template-uri pre-construite pentru pagini comune ale aplicației, cum ar fi ecranele de eroare și gestionarea profilului. Repository-ul oferă atât fișiere sursă ne-minificate, cât și bundle-uri de producție optimizate, permițând deployment-ul direct fără a necesita medii de runtime server-side complexe.