28 रिपॉजिटरी
Logic for displaying UI elements based on boolean conditions or state changes.
Distinguishing note: Focuses on basic conditional UI logic, distinct from complex dynamic component switching.
Explore 28 awesome GitHub repositories matching user interface & experience · Conditional Rendering. Refine with filters or upvote what's useful.
React एक JavaScript लाइब्रेरी है, जो कॉम्पोनेंट-आधारित आर्किटेक्चर और यूनिडायरेक्शनल डेटा फ्लो का उपयोग करके यूजर इंटरफेस बनाने के लिए है।
Controls the visibility of interface elements using standard conditional logic within the markup.
Solid is a declarative JavaScript framework for building user interfaces through fine-grained reactivity. By utilizing a compile-time template transformation process, it converts JSX into direct DOM manipulation instructions, eliminating the need for a virtual tree. This architecture allows the framework to track dependencies at the individual element level, ensuring that state changes trigger surgical updates to the interface. The framework distinguishes itself through its isomorphic rendering pipeline, which shares reactive logic across server and client environments to support both initial
Renders UI elements conditionally based on boolean expressions with support for fallback content.
SillyTavern is a comprehensive interface and orchestration platform designed for immersive AI roleplay and interactive chat experiences. It functions as a unified gateway that connects users to a wide array of local and cloud-based large language models, providing a centralized environment to manage complex character personas, narrative context, and model-driven interactions. The platform distinguishes itself through its advanced prompt engineering and automation capabilities. It utilizes a sophisticated macro-based templating engine and vector-database retrieval to dynamically inject lore, c
Renders specific content blocks based on defined conditions to enable dynamic prompt generation.
This project is a comprehensive configuration framework for terminal multiplexers, designed to enhance session management, status line aesthetics, and overall command line productivity. It functions as a centralized suite that organizes terminal windows and panes while providing a structured environment for personalizing the command line interface. The framework distinguishes itself through a robust plugin management system that allows users to extend terminal capabilities by integrating third-party packages and external system utilities. It includes a specialized status bar customizer that s
Supports hierarchical configuration files that allow users to override default settings for consistent session behavior.
Karabiner-Elements is a system-level utility designed for advanced keyboard and mouse customization. It functions as a background service that intercepts raw hardware input signals at the driver level, allowing for the transformation of key presses and pointer movements before they reach the operating system. By utilizing virtual input device emulation, the software re-injects modified events into the system stream, enabling complex remapping, macro execution, and hardware-specific control. The project distinguishes itself through a sophisticated state-based logic engine that enables context-
Restricts key remapping rules to specific contexts, such as when a particular application is active.
Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con
Selects and displays specific templates or content blocks based on logical conditions, case matching, or asynchronous values.
Leptos is a full-stack Rust web framework designed for building reactive applications that share logic and types between the server and the browser. It provides a comprehensive toolkit for developing web interfaces where specific DOM nodes update automatically in response to changes in underlying reactive signals, rather than re-rendering entire component trees. The framework distinguishes itself through a fine-grained reactivity model that tracks dependencies at the individual data point level. It utilizes compile-time template transformation to convert declarative HTML-like syntax into opti
Renders conditional content based on programming expressions within the view layer.
This project serves as a comprehensive repository and management framework for Zsh shell extensions, themes, and configuration bundles. It functions as a centralized resource for discovering and integrating community-driven enhancements designed to tailor the terminal experience and streamline command-line workflows. The framework distinguishes itself by providing automated tools for the installation, updating, and lazy-loading of modular shell plugins. By enforcing standardized directory structures and utilizing version control for dependency management, it ensures that shell configurations
Ensures compatibility by checking system variables and command availability before applying shell modifications.
Twemoji is a library designed to provide consistent emoji rendering across different web browsers and operating systems. It functions by identifying and extracting Unicode emoji sequences from text and replacing them with standardized graphical assets, ensuring that symbols appear identical regardless of the underlying platform. The project distinguishes itself by offering a comprehensive toolkit that combines parsing logic with a library of scalable vector and rasterized image assets. This allows for the programmatic transformation of text into high-quality visual representations, supporting
Provides logic to selectively filter and ignore specific characters during the rendering process.
Gruvbox is a retro-inspired color scheme designed to provide a consistent visual experience across text editors, terminal emulators, and development environments. It focuses on improving readability and reducing eye strain by utilizing a high-contrast palette that remains stable across various software tools. The project distinguishes itself through a flexible rendering architecture that adapts to different technical environments. It supports high-fidelity twenty-four-bit color reproduction for modern terminals while maintaining compatibility with legacy systems through sixteen-color and two-
Provides logic for toggling between light and dark color variations based on user preference.
Recompose is a suite of toolsets for implementing higher-order component composition, context extraction, render optimization, and external state integration. It provides a library of utilities to wrap components in reusable logic and behavioral layers, allowing developers to chain functional wrappers and reduce nesting within a component tree. The project focuses on the composition of functional wrappers to inject properties and behavior into components. It includes a set of helpers for extracting values from component context and passing them as direct properties, as well as tools for integ
Provides logic to show or hide specific UI elements based on test functions applied to current data.
QuestPDF is a C# PDF generation library and layout engine used to create structured documents, reports, and invoices. It utilizes a fluent API and a component-based layout approach to convert code into high-fidelity PDF and XPS files. The library distinguishes itself with a dedicated layout debugger that provides real-time previews, hot-reload capabilities, and visual boundary tools to map rendered elements back to source code. It also functions as an accessibility tool, providing semantic tagging and navigational aids to ensure documents comply with international accessibility and archival s
Allows elements or entire sections to be rendered only when specific runtime boolean conditions are met.
Powerlevel9k is a customizable visual theme and plugin framework for the Zsh shell. It functions as a command line interface enhancer and environment dashboard, providing a configurable layout system for adding informational segments to the left and right sides of the shell prompt. The system tracks development context and version control status, displaying active branches and repository states. It also monitors cloud infrastructure, showing active profiles and cluster contexts, alongside programming language versions and environment data. The prompt includes real-time system status indicato
Implements logic to toggle the visibility of prompt segments based on the current working directory or active tools.
This project is a technical interview study guide and a markdown-driven static site designed to help developers prepare for coding screenings. It serves as a curated collection of common technical questions and expert answers, functioning as a comprehensive educational resource. The platform provides a structured curriculum and reference materials across several key domains. This includes a JavaScript language reference covering programming fundamentals, a frontend engineering curriculum focused on UI patterns and responsive design, and a web security knowledge base detailing attack vectors a
Teaches how to use boolean conditions and state changes to dynamically render UI elements.
React is a JavaScript library for building user interfaces through the composition of modular, self-contained components. It employs a declarative programming model where developers describe the desired visual state, and the library automatically manages the underlying document updates and state synchronization. By utilizing a virtual representation of the document, it calculates and applies minimal changes to the browser, ensuring efficient rendering even in complex applications. The library distinguishes itself through a sophisticated scheduling system that manages rendering work in increme
Provides logic for displaying UI elements based on boolean conditions or state changes within component functions.
clsx is a JavaScript utility for constructing space-separated CSS class strings. It functions as a logic-based string builder that merges strings and objects into a single string by evaluating the truthiness of provided values. The utility orchestrates the generation of HTML class attributes by filtering out null or undefined values. It enables conditional styling by combining static and dynamic classes, which allows for the management of UI styling based on state or interaction. The project handles a variety of input structures, including arrays and objects, to produce a unified list of act
Functions as a specialized builder for constructing CSS class lists based on truthy or falsy values.
win11React is a web-based emulation of a modern desktop operating system environment built using React. It replicates the visual design, taskbar, and start menu of Windows 11 to create a browser-hosted workspace. The system features a customizable theme that allows users to apply custom backgrounds and styles to the workstation. Access to the environment is controlled through a simulated startup sequence and lock screen for session security management. The interface includes a desktop shell with draggable and resizable application windows and integrated system applications such as a terminal
Uses conditional rendering logic to switch between the lock screen, desktop, and start menu based on application state.
Markdoc is a documentation content framework that extends standard Markdown with custom tags, typed schemas, and reusable components, parsing content into an abstract syntax tree and rendering it as React elements or HTML. It provides a structured authoring system where documents are processed through an AST-based pipeline, enabling validation, transformation, and flexible output generation. The framework distinguishes itself through a schema-driven validation pipeline that checks document structure and attribute values against defined rules, and a pluggable renderer architecture that accepts
Renders content only when specified conditions evaluate to true, with optional fallback for false conditions.
This project is a QML desktop shell designed for desktop environment orchestration and interface customization. It functions as a system status dashboard and a declarative user interface for managing system hardware, window metadata, and user sessions. The shell features a dynamic theme generator that extracts dominant colors from wallpapers to automatically synchronize the global visual color palette. It utilizes an inter-process communication system to orchestrate shell functions and a hierarchical JSON configuration framework to manage global and per-monitor interface layouts. The system
Provides configuration overrides that allow individual displays to have layouts and properties distinct from the global defaults.
This project is an accessible modal component for React applications. It provides a dialog window that overlays main content and manages keyboard focus to ensure compatibility with assistive technologies. The component integrates a portal wrapper to render modal content into a separate DOM node, avoiding layout nesting issues. It uses a focus-trapping system to restrict keyboard navigation to the dialog window and prevent users from tabbing into background page content. The library covers visibility control, custom portal mounting, and visual styling for dialog windows and overlays. It also
Manages the conditional mounting and unmounting of the modal component based on a boolean visibility prop.