Awesome GitHub RepositoriesLayout Utility Classes

Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building mobile-friendly websites through a fluid 12-column grid system, a minimal CSS reset library to normalize browser defaults, and default styling for raw HTML elements. The project emphasizes a mobile-first development approach, using percentage-based widths and predefined media queries to progressively enhance layouts for larger screens. It includes a utility-first library of single-purpose classes to manage common layout tasks such as floating elements, clearing, and width con

This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

WebSlides is a CSS-class-driven presentation framework that turns HTML sections into full-screen slides with keyboard, touch, and remote navigation. Its core architecture defines slides as HTML section elements styled entirely through CSS classes for layout, animation, and background, with a vertical-rhythm spacing foundation using an 8-pixel baseline grid. The framework includes a plugin-based behavior extension system that hooks into slide lifecycle events, and maps each slide to a unique URL hash for direct permalink navigation. The framework distinguishes itself through a comprehensive se

Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to

Build PowerPoint presentations with JavaScript. Works with Node, React, web browsers, and more.

typo.css es un framework CSS y una librería de reset diseñada para normalizar los estilos del navegador y optimizar el renderizado visual de caracteres y puntuación en chino. Proporciona un sistema de tipografía web que establece una base visual consistente eliminando el estilo predeterminado del navegador y sincronizando el renderizado de texto en chino en diferentes entornos web. El proyecto se especializa en la composición tipográfica profesional en chino a través de un sistema de clases de utilidad. Estas herramientas permiten la aplicación de marcadores gramaticales, formato de puntuación estandarizado y optimizaciones de renderizado para mejorar la legibilidad y el flujo de los caracteres chinos. El framework también cubre la gestión del diseño de documentos, incluyendo el control de ajuste de texto para evitar la ruptura del diseño y efectos visuales inspirados en la impresión, como las letras capitales (drop caps). Incluye normalización para varios elementos HTML para garantizar una base tipográfica uniforme.