Awesome GitHub RepositoriesElement Stacking

This project is a utility-first component library that provides a comprehensive suite of pre-styled, reusable interface elements. It functions as a build-time engine that generates design-system-compliant styles by mapping semantic tokens to standard HTML elements and utility classes. By compiling all component styles into static CSS at build time, the library eliminates the need for client-side style calculation, ensuring efficient performance. The library distinguishes itself through a configuration-driven architecture that manages color palettes and visual styles, enabling dynamic switchin

tview is a library for building interactive text-based user interfaces in Go. It functions as a toolkit for managing event loops, user input, and screen rendering, providing a framework of pre-built widgets and an integrated layout engine for creating command-line applications. The project distinguishes itself through a comprehensive layout system that uses grid and flexbox models to create responsive designs. It also supports UI layer stacking to manage multiple screens and modal overlays. The framework includes a diverse suite of interactive components for data display, such as tables and

AsyncDisplayKit is an asynchronous UI framework and performance library for iOS. It provides a collection of performant alternatives to standard views, allowing developers to build responsive interfaces by offloading layout and rendering tasks to background threads. The framework is centered around a declarative layout engine based on a flexbox model, which calculates element positions and sizes asynchronously. It utilizes a node-based abstraction to wrap native views, enabling the instantiation and configuration of UI hierarchies on background threads to prevent main thread blocking. The sy

This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the Godot Game Engine. It serves as an interactive tutorial and reference library, providing a working codebase to demonstrate how to apply engine features in real-world scenarios. The collection focuses on practical implementation guides, covering a wide array of technical capabilities from basic engine fundamentals to advanced rendering and scripting techniques. It allows users to study the application of node-based composition, asset pipelines, and game logic through direct ex

CSS Layout is a pure CSS pattern library that provides pre-built layout components for common page structures, implemented entirely with CSS using flexbox and grid. The collection focuses on reusable, encapsulated components that handle overlapping elements, vertical centering, sticky footers, and classic page layouts without requiring any JavaScript for rendering or interactivity. The library offers a range of practical layout implementations including centered navigation menus, element stacking techniques, holy grail page layouts, and responsive grid systems. Each pattern is built as a self

Leafer UI est un moteur de rendu HTML5 canvas haute performance et une bibliothèque de graphiques vectoriels 2D. Il utilise un arbre de scène hiérarchique pour gérer les formes, les chemins et le texte, fournissant une boîte à outils pour construire des applications canvas interactives et des toiles infinies expansives. Le moteur est conçu comme une boîte à outils canvas multiplateforme qui découple la logique centrale de l'API de dessin, lui permettant de fonctionner dans des environnements web, mobiles, serveurs et mini-programmes. Il se distingue en fournissant des outils spécialisés pour le développement d'éditeurs graphiques interactifs, incluant la détection de collision (hit detection), la propagation d'événements et les contrôles de transformation. Sa surface de capacité couvre le rendu de formes vectorielles, la création de chemins complexes et les animations de mouvement. Le framework inclut un moteur de mise en page avec un modèle de boîte flexible, une traduction d'espace de coordonnées pour un positionnement précis, et la prise en charge du rendu hors écran multi-threadé dans les web workers. Il fournit également des outils pour la gestion de scène, le masquage d'éléments et l'exportation du contenu canvas vers des images ou JSON. La bibliothèque peut être intégrée via une balise script standard ou utilisée au sein de frameworks réactifs comme React, Vue et Nuxt.

Picnic est un framework CSS léger conçu pour accélérer le développement d'interfaces web responsives. Il fournit une base de style fondamentale qui applique des designs visuels directement aux éléments HTML natifs, permettant la création de mises en page propres et accessibles sans avoir besoin de noms de classes personnalisés extensifs. Le framework se distingue en implémentant des composants d'interface utilisateur interactifs — tels que des modales, des onglets et des menus de navigation — entièrement via CSS. En utilisant des pseudo-classes et des sélecteurs de frères, il gère l'état des composants et l'interactivité sans nécessiter de logique JavaScript externe. Cette approche garantit que les éléments d'interface complexes restent fonctionnels et légers. La bibliothèque inclut une suite complète d'outils structurels et présentationnels, y compris un système de grille basé sur flexbox, l'empilement vertical d'éléments et des moteurs de mise en page responsives qui s'ajustent automatiquement aux différentes tailles d'écran. Elle fournit également un style standardisé pour la présentation des données, comme les tableaux et les cartes, ainsi que des composants d'entrée spécialisés comme des zones de téléchargement de fichiers par glisser-déposer et des infobulles contextuelles.

This project is a comprehensive frontend engineering study guide designed to cover the essential technical concepts of modern web development. It serves as a multi-disciplinary reference for mastering the browser execution engine, the JavaScript language, and the structural fundamentals of the web. The collection provides deep dives into JavaScript language internals, including execution contexts, closures, prototypes, and the event loop. It further details web browser internals, focusing on the critical rendering path, DOM construction, and engine mechanics. The guide also covers web securi