awesome-repositories.com
Blog
awesome-repositories.com

Entdecke die besten Open-Source-Repositories mit KI-gestützter Suche.

EntdeckenKuratierte SuchenOpen-Source-AlternativenSelf-hosted SoftwareBlogSitemap
ProjektÜber unsRanking-MethodikPresseMCP-Server
RechtlichesDatenschutzAGB
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

33 Repos

Awesome GitHub RepositoriesClass Components

UI components defined as classes that manage state and lifecycle methods.

Explore 33 awesome GitHub repositories matching user interface & experience · Class Components. Refine with filters or upvote what's useful.

Awesome Class Components GitHub Repositories

Finde die besten Repos mit KI.Wir suchen mit KI nach den am besten passenden Repositories.
  • facebook/reactAvatar von facebook

    facebook/react

    245,669Auf GitHub ansehen↗

    React ist eine JavaScript-Bibliothek für den Aufbau von Benutzeroberflächen, basierend auf einer komponentenorientierten Architektur und unidirektionalem Datenfluss.

    Defines UI components as classes that manage internal state and lifecycle methods.

    JavaScriptjavascriptuifrontend
    Auf GitHub ansehen↗245,669
  • kamilmysliwiec/nestAvatar von kamilmysliwiec

    kamilmysliwiec/nest

    75,872Auf GitHub ansehen↗

    Nest is an enterprise Node.js framework designed for building scalable and maintainable server-side applications. It provides a typed environment for developing backend services using TypeScript and JavaScript, incorporating architectural patterns for both object-oriented and functional programming. The framework organizes complex backend logic into a modular application structure to ensure clear boundary separation. It utilizes a dependency injection container to manage object lifecycles and a decorator-based metadata system to attach configuration and routing data to classes and methods. T

    Uses TypeScript decorators to attach configuration and routing data to classes and methods during compilation.

    TypeScript
    Auf GitHub ansehen↗75,872
  • samuelcolvin/pydanticAvatar von samuelcolvin

    samuelcolvin/pydantic

    28,043Auf GitHub ansehen↗

    Pydantic ist eine Datenvalidierungsbibliothek und ein Parsing-Framework für Python. Es fungiert als typbasierter Schema-Validator, der Standard-Python-Typannotationen verwendet, um sicherzustellen, dass Eingabedaten vordefinierten strukturellen Schemata entsprechen. Das Projekt bietet Funktionen zum Parsen von Rohdaten in typisierte Objekte durch automatische Typkonvertierung und Validierung. Dies umfasst die Serialisierung von Daten und die Validierung von Datenstrukturen zur Durchsetzung der Korrektheit. Das Framework deckt verschiedene Anwendungsbereiche ab, einschließlich der Verifizierung von API-Anfragen und der Verwaltung von Anwendungskonfigurationen. Es ermöglicht die Transformation von Rohformaten wie JSON in strukturierte Python-Objekte.

    Employs Python metaclasses to transform class definitions into validated data models at declaration time.

    Python
    Auf GitHub ansehen↗28,043
  • walter201230/pythonAvatar von walter201230

    walter201230/Python

    26,516Auf GitHub ansehen↗

    Python is a high-level, interpreted programming language designed for readability and versatility. It operates via a bytecode-based virtual machine and manages memory automatically through reference-counting garbage collection. The language supports multiple programming paradigms, including object-oriented, imperative, and functional styles, and provides a comprehensive standard library for system operations, networking, and data handling. The language is distinguished by its dynamic nature, allowing for runtime object introspection and metaclass-driven class creation. It utilizes protocol-ba

    Enables advanced class structure modification at definition time using metaclasses.

    Pythonpythonpython3
    Auf GitHub ansehen↗26,516
  • livewire/livewireAvatar von livewire

    livewire/livewire

    23,448Auf GitHub ansehen↗

    Livewire is a full-stack framework for PHP that enables the development of reactive, dynamic user interfaces using server-side classes and templates. By bridging the gap between server-side logic and client-side DOM updates, it allows developers to build interactive web applications without writing custom JavaScript. The framework operates as a component-based library, where modular units encapsulate interface logic, state, and event handling directly on the server. The framework distinguishes itself through a reactive architecture that automatically synchronizes state between the browser and

    Provides command-line utilities to scaffold component class and template files for consistent project structure.

    PHP
    Auf GitHub ansehen↗23,448
  • react-bootstrap/react-bootstrapAvatar von react-bootstrap

    react-bootstrap/react-bootstrap

    22,608Auf GitHub ansehen↗

    React Bootstrap is a frontend component framework and responsive UI kit that translates the Bootstrap CSS framework into a React-based component architecture. It provides a collection of reusable, pre-styled interface elements and grid systems designed for consistent, responsive web development. The library distinguishes itself by wrapping raw HTML markup in React components to manage accessibility and stateful behaviors. It utilizes a centralized theme provider to propagate global configuration and breakpoints, while employing portal-based rendering for overlays to prevent clipping issues.

    Generates HTML class strings by mapping component props to Bootstrap utility and layout classes.

    TypeScriptbootstraphacktoberfestjavascript
    Auf GitHub ansehen↗22,608
  • acdlite/recomposeAvatar von acdlite

    acdlite/recompose

    14,801Auf GitHub ansehen↗

    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

    Transforms functional components into class components to enable the use of features like direct DOM references.

    JavaScript
    Auf GitHub ansehen↗14,801
  • pi0/bootstrap-vueAvatar von pi0

    pi0/bootstrap-vue

    14,445Auf GitHub ansehen↗

    Bootstrap-vue is a Vue.js UI framework and component library that integrates Bootstrap CSS styling and utility classes into a component-driven development workflow. It provides a set of pre-styled interface elements and layout patterns designed for building responsive web user interfaces. The library functions as a bridge between Bootstrap and Vue.js, allowing developers to create responsive web layouts and reusable frontend components such as navbars, alerts, and modals. It focuses on bringing Bootstrap's design system into a Vue.js application environment. The framework covers core capabil

    Maps Vue component properties to specific Bootstrap CSS classes to control visibility and behavior.

    JavaScript
    Auf GitHub ansehen↗14,445
  • bootstrap-vue/bootstrap-vueAvatar von bootstrap-vue

    bootstrap-vue/bootstrap-vue

    14,450Auf GitHub ansehen↗

    Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

    Maps component properties to specific CSS classes to dynamically alter visual appearance and layout.

    JavaScripta11yaccessibilityaccessible
    Auf GitHub ansehen↗14,450
  • coleifer/peeweeAvatar von coleifer

    coleifer/peewee

    11,971Auf GitHub ansehen↗

    Peewee is a SQL object-relational mapper and query builder that provides an object-oriented interface for mapping application classes to relational database tables. It functions as a relational database toolkit for managing schemas, executing migrations, and handling complex table relationships. The project distinguishes itself by providing an asyncio database driver for non-blocking database operations, ensuring event loop responsiveness. It also supports semi-structured data storage, allowing the storage and querying of flexible JSON documents within traditional relational database systems.

    Uses Python metaclasses to automatically register fields and table configurations during model definition.

    Pythonasynciodankfastapi
    Auf GitHub ansehen↗11,971
  • typestack/class-validatorAvatar von typestack

    typestack/class-validator

    11,796Auf GitHub ansehen↗

    class-validator is a TypeScript class validation library that uses decorators to define constraints and rules for object properties. It functions as a decorator-based schema validator that ensures data integrity and structural correctness through a combination of synchronous checks and promise-based asynchronous rules. The library provides a recursive validation system for checking complex data hierarchies, including nested classes and individual elements within collections. It includes an object property whitelist utility capable of stripping undocumented properties or blocking unknown field

    Uses TypeScript decorators to store validation constraints as metadata for runtime retrieval.

    TypeScriptdecoratorstypescriptvalidation
    Auf GitHub ansehen↗11,796
  • reactjs/react.devAvatar von reactjs

    reactjs/react.dev

    11,765Auf GitHub ansehen↗

    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

    Supports class-based component definitions for managing state and lifecycle methods.

    JavaScriptdocumentationjavascriptreact
    Auf GitHub ansehen↗11,765
  • xcatliu/typescript-tutorialAvatar von xcatliu

    xcatliu/typescript-tutorial

    10,725Auf GitHub ansehen↗

    This is a comprehensive tutorial for learning TypeScript, designed for JavaScript programmers who want to understand the language's type system and modern features. The resource covers TypeScript's core identity, including its structural type compatibility, compile-time type erasure, declaration file merging, and the discriminated union pattern for precise type narrowing. The tutorial distinguishes itself by providing a progressive learning path from basic JavaScript concepts to advanced TypeScript patterns. It covers generic type parameter constraints, tuple types with fixed-length positions

    Teaches decorator-based metaprogramming for attaching metadata and modifying class behavior at compile time.

    TypeScriptjavascripttutorialtypescript
    Auf GitHub ansehen↗10,725
  • rafaelpimpa/buefyAvatar von rafaelpimpa

    rafaelpimpa/buefy

    9,531Auf GitHub ansehen↗

    Buefy is a user interface component library built specifically for Vue.js applications. It provides a collection of pre-styled interface elements and a responsive web UI kit designed to implement the Bulma CSS framework's styling and grid system. The project enables rapid frontend prototyping by offering a standardized library of semantic UI elements. These components allow for the creation of flexible layouts that automatically adjust to different screen sizes and devices. The library covers broad capabilities for responsive web design and the construction of user interfaces through the int

    Maps component properties to Bulma CSS classes to dynamically control the visual state of elements.

    Vue
    Auf GitHub ansehen↗9,531
  • xianhu/learnpythonAvatar von xianhu

    xianhu/LearnPython

    8,484Auf GitHub ansehen↗

    LearnPython is a programming tutorial consisting of a collection of practical code examples used to demonstrate Python language features and programming patterns. It serves as a comprehensive learning resource that implements core language concepts through functional code. The project provides specialized guides and samples covering several key domains. These include asynchronous network programming with event loops and coroutines, data visualization using numerical datasets for 2D and 3D plots, and web scraping for fetching content and automating login flows. It also features instructions on

    Implements custom metaclasses to intercept class creation and modify structure before instantiation.

    Jupyter Notebooklearning-pythonpythonpython-flask
    Auf GitHub ansehen↗8,484
  • typestack/class-transformerAvatar von typestack

    typestack/class-transformer

    7,334Auf GitHub ansehen↗

    class-transformer is a TypeScript library that converts plain JavaScript objects into typed class instances and back, using decorators to define transformation rules. It serves as a decorator-based object transformer, JSON deserialization library, and property transformation framework, enabling type-safe serialization and deserialization of class instances. The library distinguishes itself through comprehensive property filtering and mapping capabilities. It supports excluding properties by default, by prefix, by operation (serialization or deserialization), or by explicit marking, as well as

    Transforms class instances to plain objects and JSON strings with decorator-driven property mapping and exclusion rules.

    TypeScriptexposing-gettersexposing-propertiestransformation
    Auf GitHub ansehen↗7,334
  • react95-io/react95Avatar von react95-io

    react95-io/React95

    7,240Auf GitHub ansehen↗

    React95 is a React UI component library and themed framework designed to emulate the aesthetic of a nineties desktop operating system. It provides a collection of reusable interface elements that allow developers to build web applications with a nostalgic visual style. The library functions as a design system centered on a Windows 95 theme. It utilizes a centralized theme provider to manage global color palettes and styling across the application. The framework covers retro UI development through a set of pre-styled components and themed interface design tools. These capabilities enable the

    Maps component boolean props to specific CSS classes to control active and disabled visual states.

    TypeScriptcomponent-librarycomponentsdesign-system
    Auf GitHub ansehen↗7,240
  • tailwindlabs/tailwindcss-typographyAvatar von tailwindlabs

    tailwindlabs/tailwindcss-typography

    6,249Auf GitHub ansehen↗

    Tailwind CSS Typography is a plugin for the Tailwind CSS framework that provides hand-tuned typographic defaults for blocks of vanilla HTML content, such as content from Markdown or a CMS. It applies beautiful prose styles to HTML content using a single class, eliminating the need for custom CSS to style rich text. The plugin distinguishes itself by offering deep customization and control over typography. Users can adjust the overall font size of prose content across five predefined sizes, select from five built-in gray-scale palettes to match a project's color scheme, and seamlessly adapt ty

    Adds pre-built component styles like buttons and form controls to the CSS output.

    JavaScript
    Auf GitHub ansehen↗6,249
  • webpy/webpyAvatar von webpy

    webpy/webpy

    5,919Auf GitHub ansehen↗

    web.py is a minimal Python web framework that provides the core components needed to build web applications: URL routing, template rendering, database access, form handling, and session management. The framework uses a convention-based approach where URL patterns are automatically mapped to handler classes based on their names, eliminating the need for manual route configuration. It exposes applications as WSGI callables, making them deployable with any WSGI-compliant server. The framework distinguishes itself through its metaclass-driven auto-discovery system, which automatically registers h

    Uses a metaclass to automatically register handler classes and build URL mappings at class definition time.

    Python
    Auf GitHub ansehen↗5,919
  • python-attrs/attrsAvatar von python-attrs

    python-attrs/attrs

    5,799Auf GitHub ansehen↗

    attrs is a Python library that automatically generates initialization, representation, equality, hashing, and ordering methods from declarative class attribute definitions. At its core, it provides a class decorator metaprogramming framework that intercepts class creation to rewrite the class body, producing dunder methods without manual boilerplate. The library includes a comprehensive attribute validation toolkit with built-in validators for type checks, range constraints, regex matching, length limits, and logical composition of validation rules. The library distinguishes itself through it

    Provides a decorator that rewrites class bodies to auto-generate initialization and comparison methods.

    Python
    Auf GitHub ansehen↗5,799
Vorherige12Nächste
  1. Home
  2. User Interface & Experience
  3. Component Utilities
  4. UI Frameworks
  5. Rendering Models and Paradigms
  6. Composition and Rendering Patterns
  7. Component Patterns
  8. Class Components

Unter-Tags erkunden

  • Class Decorators9 Sub-TagsMetadata attached to classes and methods to instruct system behavior. **Distinct from Class Components:** Focuses on metadata-driven configuration via decorators rather than the class component structure itself.
  • Class Generation UtilitiesUtilities that programmatically generate class-based component definitions from data structures. **Distinct from Class Components:** Focuses on the generation process from a map, rather than the static definition of a class component.
  • Class to Functional Component ConvertersTools that automatically rewrite class-based components into functional components using hooks and arrow functions. **Distinct from Class Components:** Focuses on the active transformation from classes to functions, rather than the definition of class components themselves.
  • Component ExtensionsMechanisms for extending base UI component classes to add custom properties and methods. **Distinct from Class Components:** Focuses on extending existing component classes rather than the general definition of class components.
  • Component Type ConversionsUtilities for transforming functional components into class components to access specific features. **Distinct from Class Components:** Focuses on the act of conversion between component types rather than just the definition of class components.
  • External Class AdaptersWrappers that adapt external class-based components for use within data-driven framework forms. **Distinct from Class Components:** Focuses on adapting external classes into the local component ecosystem rather than general class definition.
  • Generation UtilitiesCommand-line tools for scaffolding component class and template files. **Distinct from Class Components:** Focuses on the CLI scaffolding process, distinct from the component class structure itself.
  • Plugin-Based Component ClassesMechanisms for registering pre-built component styles like buttons and form controls via a plugin system. **Distinct from Class Components:** Distinct from Class Components: focuses on the plugin-based registration of component CSS classes, not the component definition pattern.
  • Prop-Driven Class CompositionLogic that maps component properties to CSS class strings for dynamic styling. **Distinct from Class Components:** Focuses on the mapping of props to CSS classes, distinct from the general lifecycle management of Class Components.
  • Reactive WrappersSpecialized wrappers for class components that enable automatic re-rendering based on observable state changes. **Distinct from Class Components:** Distinct from Class Components: focuses on the reactive binding mechanism added to the class component, not the component structure itself.