Awesome GitHub RepositoriesViewport Simulation

Brick Design est un framework de constructeur de page low-code utilisé pour créer des éditeurs visuels glisser-déposer qui génèrent du code de mise en page et de style prêt pour la production pour les interfaces utilisateur. Il fonctionne comme un moteur de mise en page visuel et un orchestrateur de composants UI, fournissant les outils nécessaires pour gérer les contraintes de composants, les règles d'imbrication et les configurations de propriétés visuelles. Le framework inclut un générateur de template dynamique qui utilise le rendu de logique et des variables d'expression pour créer des templates de page réutilisables et pilotés par les données. Il opère également comme un outil de design multi-appareil, offrant le basculement de viewport et des styles adaptatifs pour assurer des affichages cohérents à travers les écrans desktop et mobiles. Le système couvre un large éventail de capacités incluant les workflows design-vers-code, le design de mise en page responsive et le rendu visuel en temps réel. Il gère des hiérarchies UI complexes via l'alignement par accrochage basé sur les coordonnées, le mapping de propriétés piloté par l'état et l'intégration de bibliothèques de composants externes.

smtp4dev is a suite of tools featuring a mock SMTP server that intercepts outgoing email traffic and stores messages for inspection instead of delivering them to recipients. It includes a web-based viewer for inspecting email metadata, raw source code, and MIME structures, alongside a responsive email previewer that simulates how HTML emails appear across different viewport sizes and device layouts. The project provides a traffic analyzer to log protocol interactions and session data for debugging delivery failures. It also operates as a TLS SMTP server, supporting encrypted connections via T

Phoenix is a comprehensive web development suite that provides a browser-based code editor, an AI-powered coding assistant, and a live web previewer. It integrates a visual Markdown document editor and a web-based Git client, allowing users to write and manage HTML, CSS, and JavaScript across different devices and platforms. The environment features a visual UI design system that maps canvas manipulations directly to code and enables in-place CSS editing. It supports real-time change previews and responsive layout testing across multiple device breakpoints to verify rendering on phones, table