10 रिपॉजिटरी
Components for rendering serialized content as React elements.
Distinguishing note: Focuses on React-specific rendering rather than generic format conversion.
Explore 10 awesome GitHub repositories matching user interface & experience · JSX Rendering Components. Refine with filters or upvote what's useful.
React एक JavaScript लाइब्रेरी है, जो कॉम्पोनेंट-आधारित आर्किटेक्चर और यूनिडायरेक्शनल डेटा फ्लो का उपयोग करके यूजर इंटरफेस बनाने के लिए है।
Uses an HTML-like syntax to define and render component trees for improved readability.
Payload is a headless content management system and application framework that uses a code-first approach to define data schemas and administrative interfaces. By utilizing a centralized, type-safe configuration object, it automatically generates database schemas, API endpoints, and a fully customizable admin panel. The system is built on a database-agnostic architecture, allowing it to interface with various storage engines while providing a unified, type-safe API for server-side operations, REST, and GraphQL. What distinguishes Payload is its deep extensibility and developer-centric design.
Renders rich text content as JSX by mapping nodes to React elements.
This project is a document transformation pipeline that compiles Markdown files into executable JavaScript components. By integrating JSX directly into standard text documents, it enables the creation of interactive content that functions as a component-based engine for modern frontend applications. The system distinguishes itself through a unified, plugin-driven architecture that processes content by converting it into an abstract syntax tree. This allows for deep customization of the compilation logic, enabling developers to map standard Markdown elements to custom interface components, inj
Allows embedding and importing reusable JSX components directly within text files for interactive content.
This project is an educational course and a collection of frontend projects designed to teach the core concepts and architecture of the React library. It serves as a practical guide for building modular user interfaces through a series of hands-on project builds. The repository includes a technical implementation of a custom React renderer, demonstrating how to transform JSX elements into a document object model. It further provides examples of state management, specifically illustrating how to share global data across a component tree using the provider pattern to avoid property drilling. T
Develops the core logic for a custom rendering engine that transforms JSX into DOM elements.
Spectacle is a React-based presentation framework that enables developers to author slide decks using JSX and MDX syntax. It provides a component-driven approach to building presentations, where slides are composed as React components with declarative layouts, theme-driven styling, and step-based animation sequencing. The framework distinguishes itself through its support for live coding demonstrations within slides, allowing presenters to execute and display code directly during a talk. It includes a presenter mode with dual-view architecture that shows speaker notes, a timer, and upcoming s
Renders slides as React components using JSX syntax for declarative layout and composition.
This project is a technical study resource and interview preparation guide focused on the React library. It provides a comprehensive frontend interview question bank and concept references designed to help developers master core library primitives and prepare for professional job interviews. The resource covers detailed explanations of React's technical architecture, including state management patterns, performance optimization strategies, and component design. It serves as a knowledge assessment tool for developers to test their understanding of modern frontend engineering through a structur
Explains how to use memoization to skip re-renders of functional components based on prop stability.
This project is a comprehensive frontend interview preparation resource built around a question bank of over 1000 curated questions. It covers HTML, CSS, JavaScript, Vue, React, Node, TypeScript, Webpack, algorithms, and network security, with each question accompanied by a detailed answer explanation. The content is organized into a hierarchical category tree for browsable exploration, and a daily question rotation algorithm presents one question per day for systematic review. A client-side search index enables instant filtering of questions by title or tag, and the entire question bank is p
Prevents component updates when inputs haven't changed, reducing rendering work and improving responsiveness.
Blocks is a no-code website builder and component-based UI framework designed to create production-ready websites through a visual interface. It functions as a visual page builder that assembles layouts using pre-designed JSX component blocks. The system includes a visual theme engine used to manage brand identity through the definition of global colors and layout presets. This allows for the application of consistent visual themes across all pages of a site. The platform covers visual website building, JSX page construction, and brand identity management. It utilizes a schema-driven layout
Translates visual editor configurations into corresponding JSX components to generate production-ready website code.
Playroom is a frontend design system tool and JSX component sandbox. It functions as a UI component workbench and TypeScript-aware prototyper, allowing developers to design and test user interfaces within a live, interactive environment. The project enables visual testing by rendering the same component across multiple themes, screen sizes, and property configurations simultaneously. It provides a mechanism for interactive style guides and design system documentation, where components can be prototyped using an existing library and exported as a distributable sandbox. The workbench includes
Renders live previews of UI elements by evaluating JSX code within a controlled browser sandbox.
Prompt-kit is a React-based toolkit and component library specialized for building conversational interfaces for large language models. It provides a framework of reusable UI elements designed to handle the specific requirements of generative AI, such as streaming text responses, rendering model reasoning, and managing complex model outputs. The toolkit distinguishes itself through specialized visualization capabilities, including the rendering of chain-of-thought reasoning traces and the display of external tool interactions. It also features an interactive preview system that renders genera
A component that renders code strings as active interactive elements with support for streaming content and automatic tag completion.