3 个仓库
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.
Brick Design 是一个低代码页面构建器框架,用于创建拖放式视觉编辑器,为用户界面生成生产就绪的布局和样式代码。它作为一个视觉布局引擎和 UI 组件编排器,提供管理组件约束、嵌套规则和视觉属性配置所需的工具。 该框架包括一个动态模板生成器,利用逻辑渲染和表达式变量来创建可重用的、数据驱动的页面模板。它还作为一个多设备设计工具,提供视口切换和自适应样式,以确保跨桌面和移动屏幕的一致显示。 该系统涵盖了广泛的功能,包括设计到代码的工作流、响应式布局设计和实时视觉渲染。它通过基于坐标的对齐吸附、状态驱动的属性映射以及外部组件库的集成来管理复杂的 UI 层级。
Simulates content rendering across different device dimensions to verify and validate responsive layouts.
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
Simulates email layouts by wrapping HTML content in adjustable containers to test responsive design.
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
Simulates content rendering across different screen dimensions to verify responsive layouts on phones, tablets, and desktops.