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 ist ein CSS-Framework und eine Reset-Bibliothek, die darauf ausgelegt ist, Browser-Stile zu normalisieren und das visuelle Rendering chinesischer Schriftzeichen und Satzzeichen zu optimieren. Es bietet ein Web-Typografiesystem, das eine konsistente visuelle Basis schafft, indem es Standard-Browser-Stylings entfernt und das Rendering chinesischer Texte über verschiedene Webumgebungen hinweg synchronisiert. Das Projekt ist auf professionellen chinesischen Satz durch ein System von Utility-Klassen spezialisiert. Diese Tools ermöglichen die Anwendung grammatikalischer Marker, standardisierter Satzzeichenformatierung und Rendering-Optimierungen, um die Lesbarkeit und den Fluss chinesischer Schriftzeichen zu verbessern. Das Framework deckt zudem das Dokument-Layout-Management ab, einschließlich der Kontrolle von Textumbrüchen zur Vermeidung von Layout-Brüchen und druckinspirierten visuellen Effekten wie Initialen. Es enthält Normalisierungen für verschiedene HTML-Elemente, um ein einheitliches typografisches Fundament zu gewährleisten.