3 repository-uri
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
Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
- brick-design/brick-design
brick-design/brick-design
5,147Vezi pe GitHubBrick Design este un framework de tip low-code page builder utilizat pentru a crea editoare vizuale drag-and-drop care generează cod de layout și stilizare gata de producție pentru interfețele de utilizator. Funcționează ca un motor de layout vizual și orchestrator de componente UI, oferind instrumentele necesare pentru a gestiona constrângerile componentelor, regulile de imbricare și configurațiile proprietăților vizuale. Framework-ul include un generator de template-uri dinamice care utilizează randarea logicii și variabile de expresie pentru a crea template-uri de pagină reutilizabile, bazate pe date. De asemenea, operează ca un instrument de design multi-dispozitiv, oferind comutarea viewport-ului și stiluri adaptive pentru a asigura afișări consistente pe ecranele desktop și mobile. Sistemul acoperă o gamă largă de capabilități, inclusiv fluxuri de lucru design-to-code, design de layout responsiv și randare vizuală în timp real. Gestionează ierarhii UI complexe prin aliniere snap bazată pe coordonate, maparea proprietăților bazată pe stare și integrarea bibliotecilor de componente externe.
Simulates content rendering across different device dimensions to verify and validate responsive layouts.
TypeScriptdrag-and-droph5-editorhtml-builder - rnwood/smtp4dev
rnwood/smtp4dev
3,817Vezi pe GitHubsmtp4dev 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,855Vezi pe GitHubPhoenix 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
