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

This project is a cookie consent manager and GDPR compliance tool used to collect user agreement for cookie categories. It is implemented as a vanilla JavaScript plugin that operates without external frameworks or dependencies. The tool provides a multilingual consent interface that automatically detects browser or document locales to serve translated content. It manages privacy preferences by blocking third-party iframes and scripts until explicit user consent is granted. The system covers website privacy customization through configurable banners and modals, including options for layout st

Tiny-slider es una librería de carrusel en JavaScript vanilla utilizada para crear sliders de contenido táctiles y componentes de UI accesibles sin dependencias externas. Funciona como un motor de diseño responsivo que ajusta la visibilidad y las dimensiones de las diapositivas según los puntos de interrupción (breakpoints) del viewport. La librería se distingue por la carga diferida (lazy loading) integrada para imágenes y medios para mejorar el rendimiento de la página y un sistema responsivo que escala automáticamente el número de elementos y el espaciado según el tamaño de la pantalla del dispositivo. También admite instancias de slider anidadas, permitiendo la creación de diseños de desplazamiento multidireccional. El proyecto cubre capacidades integrales de navegación e interacción, incluyendo soporte para flechas de teclado, accesibilidad para lectores de pantalla y detección de gestos táctiles. Proporciona herramientas para transiciones automáticas de diapositivas, estilos de navegación personalizados para paginación y botones, y un sistema basado en eventos para activar lógica personalizada durante los cambios del ciclo de vida.

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 is a vanilla JavaScript library used to add searchable suggestion dropdowns to input elements. It functions as a client-side search engine and input lifecycle manager that operates without external dependencies or frameworks. The library features a customizable search engine with multiple matching modes and diacritics support for accurate data filtering. It includes a request debouncing utility to limit the frequency of network requests by delaying search execution during active typing. The system provides DOM-based suggestion rendering for real-time value discovery and an ev

Esta es una colección de pequeños proyectos de JavaScript y ejemplos de código que demuestran la implementación de conceptos fundamentales de programación a través de aplicaciones prácticas. El repositorio sirve como referencia para construir interfaces de usuario interactivas, gestionar el estado de la aplicación e integrar APIs externas utilizando JavaScript vanilla. El proyecto se centra en el uso de JavaScript estándar sin frameworks externos para crear elementos de interfaz como modales, sliders y galerías. Proporciona ejemplos de organización de lógica de aplicación compleja a través de patrones orientados a objetos utilizando clases y objetos para asegurar que el código esté estructurado y sea reutilizable. Las capacidades cubiertas incluyen la obtención de datos asíncronos para poblar contenido dinámico, la manipulación de elementos del DOM para actualizaciones de interfaz de usuario en tiempo real y el desarrollo de sistemas funcionales como temporizadores y paginación.

Este proyecto es una plantilla de dashboard administrativo integral construida sobre Bootstrap 5. Proporciona una librería modular de componentes de interfaz pre-diseñados, diseños de página y elementos de formulario destinados a acelerar la construcción de aplicaciones web responsivas. El framework está diseñado para ser ligero, utilizando scripting nativo del navegador para todos los comportamientos interactivos para eliminar dependencias de librerías externas pesadas. La plantilla destaca por un enfoque en el rendimiento y la personalización. Incluye un pipeline de activos basado en un ejecutor de tareas que automatiza la compilación, minificación y empaquetado de archivos fuente, asegurando activos optimizados listos para producción. Los desarrolladores pueden mantener una marca e identidad visual consistentes modificando archivos de configuración centralizados, que aprovechan variables de preprocesador y mixins para generar clases de utilidad y hojas de estilo personalizadas. Más allá de sus componentes de UI centrales, el proyecto incluye un conjunto de módulos funcionales para gestionar la autenticación de usuarios, incluyendo flujos de registro, inicio de sesión y recuperación de contraseñas. También proporciona herramientas integradas para la visualización de datos, gestión de datos tabulares y programación interactiva, junto con plantillas preconstruidas para páginas comunes de aplicaciones como pantallas de error y gestión de perfiles. El repositorio proporciona tanto archivos fuente sin minificar como bundles de producción optimizados, permitiendo el despliegue directo sin requerir entornos de ejecución del lado del servidor complejos.