12 Repos
Utilities for conditionally applying CSS classes.
Distinguishing note: Focuses on reactive class toggling.
Explore 12 awesome GitHub repositories matching user interface & experience · Dynamic Class Management. Refine with filters or upvote what's useful.
Vue ist ein progressives, komponentenbasiertes JavaScript-Framework, das für den Aufbau reaktiver Benutzeroberflächen und Single-Page-Anwendungen entwickelt wurde. Es konzentriert sich auf ein deklaratives Vorlagensystem, das HTML in effiziente Render-Funktionen umwandelt und es Entwicklern ermöglicht, komplexe Schnittstellen in isolierte, wiederverwendbare Einheiten zu organisieren, die automatisch mit dem Anwendungszustand synchronisieren. Das Framework zeichnet sich durch ein reaktivitätsbasiertes Abhängigkeitsverfolgungssystem aus, das den Datenzugriff während des Renderns überwacht, um präzise Updates auszulösen. Es bietet eine flexible Architektur, die sowohl die inkrementelle Einführung als auch die Entwicklung von Anwendungen in vollem Umfang unterstützt. Entwickler können ein robustes, Plugin-basiertes Erweiterbarkeitsmodell nutzen, um globale Logik zu injizieren, während die virtuelle DOM-Abgleichung des Frameworks effiziente Schnittstellen-Updates durch die Berechnung minimaler Mutationen sicherstellt. Über seine Kern-Rendering-Fähigkeiten hinaus enthält das Projekt eine umfassende Suite von Tools zur Verwaltung des Anwendungszustands, URL-basiertem Routing und serverseitigem Rendering. Es bietet umfassende Unterstützung für Komponentenkomposition, Inhaltsverteilung und Animationsmanagement, neben integrierten Sicherheitsmaßnahmen wie automatischem Content-Escaping, um häufige Schwachstellen zu verhindern. Das Framework wird mit offiziellen Typdeklarationen vertrieben, um die statische Analyse zu unterstützen, und kann über Standard-Paketmanager installiert oder direkt über Skript-Tags in Browserumgebungen integriert werden.
Applies or removes CSS classes based on the truthiness of data properties or computed values.
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
Manages element classes dynamically based on state or boolean expressions.
Cheerio is an HTML and XML parsing library and server-side DOM implementation. It functions as a markup manipulation tool and CSS selector engine, allowing users to parse, query, and modify HTML or XML documents in non-browser environments. The project provides a DOM-like tree representation of markup strings, enabling programmatic addition, removal, and modification of elements and attributes. It features a prototype-based plugin system that allows the extension of core functionality by adding custom methods to the document prototype. The library covers a broad range of capabilities includi
Provides utilities to add, remove, toggle, and verify CSS classes on matched elements.
UnoCSS is an atomic CSS engine and utility-first framework that generates styles on-demand based on the specific classes used in your source code. By scanning your project files during the build process, it produces only the CSS necessary for your application, effectively minimizing bundle size and eliminating unused styles. The engine distinguishes itself through a highly modular, configuration-driven architecture that allows for deep customization of design tokens, rules, and presets. It supports advanced styling patterns such as attribute-based styling, tag-based styling, and dynamic varia
Detects manual class modifications in browser developer tools to update the generated stylesheet in real-time.
classnames is a JavaScript utility for conditionally joining CSS class names into a single space-separated string. It functions as a class name manager that maps boolean flags and objects to specific styles for HTML attribute assignment. The tool resolves abstract class identifiers to computed values, facilitating integration with modular styling systems. It allows for the mapping of dynamic identifiers to scoped class names through a dedicated module resolver. The utility processes strings, arrays, and objects to handle dynamic class name management. It includes capabilities for recursive a
Combines multiple strings and objects into a single class attribute for complex UI styling.
This project is a transition component library for React that manages CSS animations during the mounting and unmounting of components. It functions as a CSS class state manager and animation orchestrator, applying specific class sequences to track the entry and exit states of elements. The library coordinates the timing and sequence of multiple elements entering or leaving the screen. This includes managing synchronized group transitions for lists and triggering visual animations when switching between different URL routes. The system covers a range of transition capabilities, including stat
Dynamically applies and toggles CSS classes to track and trigger the visual states of components.
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
Provides a utility for conditionally applying CSS classes based on state by merging strings and objects.
Crawlee-python is a web crawling framework for building scalable scrapers using Python. It serves as a comprehensive tool for web scraping automation, providing a system to extract structured data from websites using both lightweight HTTP requests and headless browser automation. The framework is distinguished by its anti-bot evasion capabilities, which include browser fingerprint impersonation and tiered proxy rotation to bypass detection systems and solve challenges such as Cloudflare. It also incorporates artificial intelligence for autonomous website navigation and schema-based data extra
Includes utilities for conditionally adding, removing, or toggling CSS classes to modify element styling or state.
Windi CSS is a utility-first CSS framework that generates only the CSS classes actually used in a project, scanning source files at build time to produce smaller, optimized stylesheets. It provides on-demand style generation through static analysis of HTML and template files, eliminating unused styles for leaner output. The framework offers a plugin-based extension system for adding custom utilities, variants, and design tokens without modifying the core. It includes built-in compatibility for migrating from Tailwind CSS, removing Tailwind-specific dependencies and configuration fields while
Lets developers predefine class combinations that cannot be detected by static scanning to ensure they are still compiled.
Freeline is a mobile application update framework and bytecode hot-swap engine designed to deliver incremental binary updates to devices. It functions as a binary diff patching tool and a mobile over-the-air patching framework that allows for the delivery of small update packages to fix bugs and replace resources without requiring a full application reinstall. The system distinguishes itself through its ability to perform dynamic code swapping and native library updating. It replaces shared object binaries and code segments in a running process via socket servers, enabling logic updates and h
Tracks modified class definitions during the build to ensure correct runtime mapping of swapped code segments.
Vulture ist ein statisches Analysetool und Linter, das entwickelt wurde, um ungenutzte Variablen, Funktionen und Klassen im Python-Quellcode zu finden. Es arbeitet als Dead-Code-Detektor und Finder für ungenutzten Code, der Quelldateien scannt, um nicht erreichbare Ausdrücke und Importe zu identifizieren, ohne den Code auszuführen. Das Tool verwendet ein konfidenzbasiertes heuristisches Bewertungssystem, um Erkennungen Wahrscheinlichkeitswerte zuzuweisen und so zwischen tatsächlich ungenutzten Symbolen und potenziellen False Positives zu unterscheiden. Es unterstützt zudem das Bereinigen von Dead-Code, indem erkannte ungenutzte Klassen und Funktionen nach Zeilenanzahl sortiert werden, um die Entfernung der größten Codeblöcke zu priorisieren. Die Analyseoberfläche umfasst Control-Flow-Reachability-Analyse, Symbol-Referenz-Tracking und die Möglichkeit, False Positives durch Namensmuster, Decorators oder Ignore-Kommentare zu unterdrücken. Vulture unterstützt zudem die Erstellung und Verwaltung von Whitelists über Mock-Module, um spezifische Elemente von nachfolgenden Scans auszuschließen. Projektweite Analyseregeln und Zielpfade können über Konfigurationsdateien verwaltet werden, einschließlich Unterstützung für das TOML-Format.
Creates modules containing reported unused code to prevent specific elements from being flagged in subsequent runs.
Datastar is a framework for hypermedia application development that enables the creation of reactive user interfaces using declarative HTML attributes. It focuses on server-driven state management, offloading application logic and state transitions to the backend to reduce frontend complexity. The project distinguishes itself through real-time UI streaming, using Server-Sent Events to push incremental DOM patches and state changes over a single long-lived connection. It synchronizes frontend and backend state by applying partial JSON updates to a client-side signal store and employs morphing-
Conditionally applies or removes CSS classes based on the evaluation of reactive expressions.