3 Repos
Awesome GitHub RepositoriesViewport Simulation
Simulates content rendering across different screen dimensions to verify responsive layouts.
Distinct from Code-to-HTML Rendering: Focuses on simulating different device viewports rather than just rendering raw code to HTML.
Explore 3 awesome GitHub repositories matching user interface & experience · Viewport Simulation. Refine with filters or upvote what's useful.
Awesome Viewport Simulation GitHub Repositories
Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
- brick-design/brick-design
brick-design/brick-design
5,147Auf GitHub ansehenBrick Design ist ein Low-Code-Page-Builder-Framework, das verwendet wird, um Drag-and-Drop-Visual-Editoren zu erstellen, die produktionsreife Layout- und Styling-Codes für Benutzeroberflächen generieren. Es fungiert als visuelle Layout-Engine und UI-Komponenten-Orchestrator und bietet die notwendigen Tools zur Verwaltung von Komponenten-Constraints, Nesting-Regeln und visuellen Eigenschaftskonfigurationen. Das Framework enthält einen dynamischen Template-Generator, der Logik-Rendering und Ausdrucksvariablen nutzt, um wiederverwendbare, datengesteuerte Seitentemplates zu erstellen. Es arbeitet zudem als Multi-Device-Designtool und bietet Viewport-Switching und adaptive Styles, um konsistente Darstellungen auf Desktop- und Mobilbildschirmen sicherzustellen. Das System deckt ein breites Spektrum an Funktionen ab, einschließlich Design-to-Code-Workflows, responsivem Layout-Design und visuellem Echtzeit-Rendering. Es verwaltet komplexe UI-Hierarchien durch koordinatenbasiertes Snap-Alignment, zustandsgesteuertes Property-Mapping und die Integration externer Komponentenbibliotheken.
Simulates content rendering across different device dimensions to verify and validate responsive layouts.
TypeScriptdrag-and-droph5-editorhtml-builder - rnwood/smtp4dev
rnwood/smtp4dev
3,817Auf GitHub ansehensmtp4dev 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
Simulates email layouts by wrapping HTML content in adjustable containers to test responsive design.
C#linuxmacosxsmtp-server - phcode-dev/phoenix
phcode-dev/phoenix
2,855Auf GitHub ansehenPhoenix 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
Simulates content rendering across different screen dimensions to verify responsive layouts on phones, tablets, and desktops.
JavaScriptbracketscodecss
