Awesome GitHub RepositoriesViewport Simulation

Brick Design es un framework de constructor de páginas low-code utilizado para crear editores visuales de arrastrar y soltar que generan código de diseño y estilo listo para producción para interfaces de usuario. Funciona como un motor de diseño visual y orquestador de componentes de UI, proporcionando las herramientas necesarias para gestionar restricciones de componentes, reglas de anidamiento y configuraciones de propiedades visuales. El framework incluye un generador de plantillas dinámicas que utiliza renderizado de lógica y variables de expresión para crear plantillas de página reutilizables y basadas en datos. También opera como una herramienta de diseño multidispositivo, ofreciendo cambio de viewport y estilos adaptativos para asegurar pantallas consistentes en escritorios y pantallas móviles. El sistema cubre una amplia gama de capacidades, incluyendo flujos de trabajo de diseño a código, diseño de maquetación responsiva y renderizado visual en tiempo real. Gestiona jerarquías de UI complejas mediante alineación de ajuste basada en coordenadas, mapeo de propiedades basado en estado y la integración de librerías de componentes externas.

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