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 هو إطار عمل لبناء الصفحات منخفض الكود يستخدم لإنشاء محررات مرئية بالسحب والإفلات تولد كود تخطيط وتصميم جاهز للإنتاج لواجهات المستخدم. يعمل كمحرك تخطيط مرئي ومنسق لمكونات واجهة المستخدم، ويوفر الأدوات اللازمة لإدارة قيود المكونات، وقواعد التداخل، وتكوينات الخصائص المرئية. يتضمن إطار العمل مولد قوالب ديناميكياً يستخدم عرض المنطق ومتغيرات التعبير لإنشاء قوالب صفحات قابلة لإعادة الاستخدام ومدفوعة بالبيانات. كما يعمل كأداة تصميم متعددة الأجهزة، حيث يوفر تبديل منفذ العرض والأنماط التكيفية لضمان عرض متسق عبر شاشات سطح المكتب والجوال. يغطي النظام مجموعة واسعة من الإمكانيات بما في ذلك سير عمل التصميم إلى الكود، وتصميم التخطيط المتجاوب، والعرض المرئي في الوقت الفعلي. يدير تسلسلات هرمية معقدة لواجهة المستخدم من خلال محاذاة الالتقاط القائمة على الإحداثيات، وتعيين الخصائص المدفوع بالحالة، ودمج مكتبات المكونات الخارجية.
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.