Awesome GitHub RepositoriesMulti-Device Previews

Open Design is an AI design orchestration platform and LLM agent workspace designed for generating prototypes, presentations, and motion graphics. It functions as a local-first environment that integrates various command-line AI agents and coding tools into a unified design workflow, allowing users to migrate design specifications into brand-compliant source code. The project is distinguished by its ability to enforce visual consistency through a design system manager that defines brand contracts and tokens using Markdown. It features a specialized motion graphics generator that converts HTML

h5-Dooring is a suite of no-code tools comprising a content management system, visual page designers, and a JSON-to-HTML generator for creating mobile-optimized websites. It provides a visual page builder for constructing landing pages and interactive sites using a block-based interface, alongside a no-code form builder for creating data collection forms with integrated analysis and export tools. The system utilizes a JSON-to-page transformation process to automatically convert structured data into functional web pages. It features a dedicated designer for mobile landing pages and splash scre

AndroidAutoLayout is an Android library that converts pixel values from design mockups into percentage-based layouts, enabling consistent scaling across different screen resolutions. At its core, it functions as a pixel-to-percentage converter and screen resolution scaling tool, allowing developers to design layouts using exact pixel dimensions from mockups and have them automatically adapt to any target device. The library provides several distinctive approaches to screen adaptation. It can generate resolution-specific dimension resource files from a single baseline design, eliminating manua

Superdesign is an AI-powered design platform that generates UI mockups, wireframes, and multi-page user flows from natural language prompts within a collaborative canvas environment. It functions as a design-to-code exporter, producing production-ready HTML, ZIP archives, or Shopify Liquid templates for direct implementation, and includes an OpenAPI specification importer that automatically generates API documentation and client code from schema definitions. The platform distinguishes itself through a branch-based design exploration system that creates independent design variations from a sin

Brick Design एक लो-कोड पेज बिल्डर फ्रेमवर्क है जिसका उपयोग ड्रैग-एंड-ड्रॉप विजुअल एडिटर बनाने के लिए किया जाता है जो यूजर इंटरफेस के लिए प्रोडक्शन-रेडी लेआउट और स्टाइलिंग कोड उत्पन्न करते हैं। यह एक विजुअल लेआउट इंजन और UI घटक ऑर्केस्ट्रेटर के रूप में कार्य करता है, जो घटक बाधाओं, नेस्टिंग नियमों और विजुअल प्रॉपर्टी कॉन्फ़िगरेशन को प्रबंधित करने के लिए आवश्यक टूल प्रदान करता है। फ्रेमवर्क में एक गतिशील टेम्पलेट जनरेटर शामिल है जो पुन: प्रयोज्य, डेटा-संचालित पेज टेम्पलेट बनाने के लिए लॉजिक रेंडरिंग और एक्सप्रेशन चर का उपयोग करता है। यह एक मल्टी-डिवाइस डिज़ाइन टूल के रूप में भी संचालित होता है, जो डेस्कटॉप और मोबाइल स्क्रीन पर सुसंगत डिस्प्ले सुनिश्चित करने के लिए व्यूपोर्ट स्विचिंग और एडेप्टिव स्टाइल प्रदान करता है। सिस्टम डिज़ाइन-टू-कोड वर्कफ़्लो, रिस्पॉन्सिव लेआउट डिज़ाइन और रीयल-टाइम विजुअल रेंडरिंग सहित क्षमताओं की एक विस्तृत श्रृंखला को कवर करता है। यह कोऑर्डिनेट-आधारित स्नैप एलाइनमेंट, स्टेट-संचालित प्रॉपर्टी मैपिंग और बाहरी घटक लाइब्रेरीज़ के एकीकरण के माध्यम से जटिल UI पदानुक्रमों का प्रबंधन करता है।

React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari