Awesome GitHub RepositoriesReal-Time Component Previews

h5-Dooring este o suită de instrumente no-code care cuprinde un sistem de gestionare a conținutului (CMS), designeri vizuali de pagini și un generator JSON-to-HTML pentru crearea de site-uri optimizate pentru mobil. Oferă un constructor vizual de pagini pentru crearea de landing page-uri și site-uri interactive folosind o interfață bazată pe blocuri, alături de un constructor de formulare no-code pentru colectarea datelor cu instrumente integrate de analiză și export. Sistemul utilizează un proces de transformare JSON-to-page pentru a converti automat datele structurate în pagini web funcționale. Dispune de un designer dedicat pentru landing page-uri mobile și ecrane de splash, permițând personalizarea animațiilor și a componentelor de layout responsive. Platforma include un sistem de randare în timp real pentru previzualizarea conținutului pe mai multe dispozitive prin cadre simulate sau coduri QR. Acoperă gestionarea ciclului de viață al paginii, controlul accesului utilizatorilor pentru permisiunile de proiect și posibilitatea de a exporta codul sursă al proiectului sau pachete de distribuție pentru găzduire independentă.

This project is an accessible UI component library and themed design system. It provides a collection of pre-made user interface components designed to meet accessibility standards and maintain a consistent visual identity across web applications. The system includes an interactive theme previewer, which allows for the adjustment and testing of visual settings in real time within a running application. It covers global theme management and design system implementation through root configurations and a token-driven approach. The library supports rapid frontend prototyping by offering a set of

Llamacoder is an AI-powered web application generator that transforms natural language prompts into functional application prototypes. It uses large language models to synthesize code and layouts, enabling the creation of small-scale software and interactive user interfaces from text descriptions. The project specifically leverages the Llama 3.1 405B model to produce executable React components. It provides a self-hosted environment for generating and previewing interactive code artifacts, featuring a real-time preview loop and sandboxed component rendering to safely display generated interfa

Deco IDE is a graphical development environment for building React Native applications. It combines a visual component editor with template-based project scaffolding, allowing developers to construct user interfaces by dragging pre-built JSX templates from a palette and editing component properties through a graphical panel that updates both source code and the live preview in real time. The tool differentiates itself through a hot-reload development workflow that automatically refreshes the running app when source files change, preserving state, and through its file-system project management

Quarto is an open-source scientific and technical publishing system built on Pandoc that converts Markdown and Jupyter notebooks into a wide range of output formats. It functions as a multi-format document converter, a reproducible research platform, a static site generator for technical content, and an interactive dashboard builder, all within a single framework. The system is distinguished by its ability to produce HTML, PDF, Word, ePub, and slide decks from a single Markdown source, while embedding executable code blocks in Python, R, Julia, or Observable for dynamic, reproducible document

Magic MCP is a Model Context Protocol server and AI component generator that translates natural language descriptions into functional user interface code. It acts as an LLM design orchestrator, producing responsive web elements and layouts anchored on utility-first CSS styling patterns. The system features a side-by-side variation engine that generates multiple stylistic interpretations of a single prompt for comparative selection. It incorporates SVG-based asset integration for branding and iconography and utilizes template-based assembly to combine pre-defined style patterns with user-speci

Claudable is an AI-driven integrated development environment and full-stack application builder. It functions as a code generation platform that transforms text descriptions into functional source code and user interface components using large language models and command-line artificial intelligence agents. The system integrates a cloud deployment pipeline that synchronizes local changes with remote repositories and publishes applications to live hosting environments. It further distinguishes itself by combining these automation workflows with a single interface for managing the entire develo

Zensical is a documentation framework and markdown static site generator designed for authoring modular technical topics. It includes a static site build orchestrator that uses a dependency graph to parallelize asset compilation and perform differential updates. The project features a federated search engine that aggregates results from multiple documentation projects using a combination of inverted indexes and vector-based semantic search. It also includes an LLM context generator to extract lean, semantic information from modular topics to optimize prompts for large language models. The sy

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