awesome-repositories.com
Blog
MCP
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateAlternative open-sourceSoftware self-hostedBlogHartă site
ProiectServer MCPDespreCum realizăm clasamentulPresă
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

69 repository-uri

Awesome GitHub RepositoriesClient-Side Components

Libraries or components specifically designed for client-side execution in modern web frameworks.

Distinguishing note: No candidates provided; minting under Web Development to group client-only component requirements.

Explore 69 awesome GitHub repositories matching web development · Client-Side Components. Refine with filters or upvote what's useful.

Awesome Client-Side Components GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • facebook/reactAvatar facebook

    facebook/react

    245,669Vezi pe GitHub↗

    React este o bibliotecă JavaScript pentru construirea de interfețe utilizator bazată pe o arhitectură orientată pe componente și flux de date unidirecțional.

    Designates specific modules to execute exclusively within the client environment.

    JavaScriptjavascriptuifrontend
    Vezi pe GitHub↗245,669
  • mantinedev/mantineAvatar mantinedev

    mantinedev/mantine

    31,263Vezi pe GitHub↗

    Mantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti

    CopyButton is not compatible with React Server Components as it uses useEffect and other client-side features. You can use it in client components only. #### Props CopyButton props | Prop | Type | Default | Descripti

    TypeScriptdark-modedark-themehooks
    Vezi pe GitHub↗31,263
  • dubinc/dubAvatar dubinc

    dubinc/dub

    23,722Vezi pe GitHub↗

    This project is a comprehensive link management and marketing attribution platform designed for creating, tracking, and analyzing shortened URLs. It functions as a centralized hub for marketing analytics, providing tools to monitor link performance, visualize conversion funnels, and manage affiliate programs through a unified dashboard. The platform distinguishes itself by integrating advanced attribution modeling and partner management directly into the link infrastructure. It supports complex marketing workflows, including automated commission calculations, fraud detection, and payout distr

    Captures referral traffic directly within a web application using query parameters to identify sources without requiring a server-side redirect.

    TypeScriptclickhousemysqlnextjs
    Vezi pe GitHub↗23,722
  • livewire/livewireAvatar livewire

    livewire/livewire

    23,448Vezi pe GitHub↗

    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

    Embeds lightweight client-side components within server-rendered templates to handle local UI state changes.

    PHP
    Vezi pe GitHub↗23,448
  • wagtail/wagtailAvatar wagtail

    wagtail/wagtail

    20,366Vezi pe GitHub↗

    Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites

    Loads custom scripts into the administrative interface to extend browser behavior for specific widgets and components.

    Pythoncmsdjangohacktoberfest
    Vezi pe GitHub↗20,366
  • google-gemini/cookbookAvatar google-gemini

    google-gemini/cookbook

    17,418Vezi pe GitHub↗

    The Gemini Cookbook is a comprehensive collection of implementation patterns, code samples, and development guides designed for building applications with Google Gemini models. It serves as a central resource for developers to integrate multimodal generative artificial intelligence into their software, providing the necessary frameworks to manage model interactions, stateful workflows, and structured data extraction. The repository distinguishes itself by offering specialized toolkits for autonomous agent orchestration, enabling the construction of agents that can execute code, browse the web

    Injects custom headers into outgoing requests to enable traffic segmentation and monitoring.

    Jupyter Notebookgeminigemini-api
    Vezi pe GitHub↗17,418
  • kleampa/not-paidAvatar kleampa

    kleampa/not-paid

    15,590Vezi pe GitHub↗

    Not-paid is a client payment protection tool and website access control script designed to discourage non-payment by progressively reducing the visibility of a delivered website. It functions as a CSS opacity payment enforcer that renders a site increasingly transparent based on a predefined payment due date. The tool applies a visual penalty to a website to pressure non-paying clients into completing payments or recovering outstanding debts. It achieves this by gradually decreasing the opacity of the page body over a set period until the site becomes invisible.

    Injects custom CSS styles into the document to enforce the transparency effect across the entire page.

    JavaScript
    Vezi pe GitHub↗15,590
  • nodebb/nodebbAvatar NodeBB

    NodeBB/NodeBB

    15,144Vezi pe GitHub↗

    NodeBB is a real-time, self-hosted community forum platform built on Node.js. It is designed to support scalable discussion environments by utilizing a document-oriented database for content storage and an in-memory engine for high-speed data retrieval and session management. The platform provides a comprehensive administrative interface for managing user groups, forum settings, and system health. What distinguishes the platform is its native support for federated social networking via the ActivityPub protocol, allowing forums to exchange content, synchronize discussions, and interact with de

    Loads and executes modular scripts on specific pages to provide interactive features and dynamic client-side behavior.

    JavaScriptcommunityforumjavascript
    Vezi pe GitHub↗15,144
  • chocobozzz/peertubeAvatar Chocobozzz

    Chocobozzz/PeerTube

    14,520Vezi pe GitHub↗

    PeerTube is a decentralized, open-source video hosting platform that enables users to operate independent, interoperable servers. By utilizing the ActivityPub protocol, it connects these servers into a global, federated network where users can follow channels, discover content, and interact across different instances. The platform is designed to function as a self-hosted video content management system, providing a community-driven alternative to centralized media services. What distinguishes PeerTube is its hybrid approach to content delivery and infrastructure management. It integrates peer

    Execute custom code within the user interface to modify specific client-side behaviors or add interactive features.

    TypeScriptactivitypubangulardecentralized
    Vezi pe GitHub↗14,520
  • habitrpg/habiticaAvatar HabitRPG

    HabitRPG/habitica

    13,944Vezi pe GitHub↗

    Habitica is an open-source productivity platform that applies role-playing game mechanics to personal task management. By tracking habits, daily goals, and to-do lists, the system translates completed tasks into character progression, experience points, and virtual rewards. The platform supports collaborative productivity by allowing users to join parties and complete group quests alongside their individual responsibilities. It is designed for self-hosting, providing users with full control over their data and system configuration through a structured relational database and a standardized ap

    Provides unique identifiers in network requests to allow server administrators to monitor traffic patterns and manage third-party integration health.

    JavaScriptcssexpresshabitica
    Vezi pe GitHub↗13,944
  • qwikdev/partytownAvatar QwikDev

    QwikDev/partytown

    13,706Vezi pe GitHub↗

    Partytown is a library designed to offload resource-intensive third-party scripts to background web workers. By executing these scripts outside of the main thread, it prevents them from blocking the critical rendering path, thereby maintaining a responsive user interface and improving overall page load performance. The project functions as a web worker proxy library that synchronizes browser interfaces between the main thread and background environments. It uses proxy-based access and synchronous messaging to replicate global objects like the window and document, allowing scripts to interact

    Automatically redirects third-party script execution to background threads to prevent main thread blocking.

    TypeScript3rd-party3rdpartyanalytics
    Vezi pe GitHub↗13,706
  • systemjs/systemjsAvatar systemjs

    systemjs/systemjs

    13,091Vezi pe GitHub↗

    SystemJS is a dynamic dependency manager and universal module loader that resolves and executes JavaScript modules across different browser and server environments. It functions as an import map polyfill, mapping bare module specifiers to absolute URLs to manage dependencies without requiring a build step. The project provides a system for integrating diverse formats, including AMD and global scripts, into a modern ES module workflow. It enables browser module polyfilling for environments that lack native support for ES modules and import maps, and it allows for dynamic runtime hot-reloading

    Manages the creation and insertion of script tags into the DOM to execute external code with custom attributes.

    JavaScript
    Vezi pe GitHub↗13,091
  • wong2/chatgpt-google-extensionAvatar wong2

    wong2/chatgpt-google-extension

    13,081Vezi pe GitHub↗

    This project is a browser extension that integrates large language model responses directly into search engine result pages. It functions as an AI search result integrator, embedding a customized interface within the browser to display generated answers alongside standard search results. The extension includes a markdown content renderer that converts raw AI text into formatted HTML, featuring syntax highlighting for code blocks and structured lists. Users can adjust the interface through customization settings for visual themes, language preferences, and the specific conditions that trigger

    Inserts a custom sidebar or container directly into search engine webpages using JavaScript.

    TypeScriptbrowser-extensionchatgptchrome-extension
    Vezi pe GitHub↗13,081
  • plasmohq/plasmoAvatar PlasmoHQ

    PlasmoHQ/plasmo

    13,069Vezi pe GitHub↗

    Plasmo is a browser extension framework and build tool designed for developing cross-browser extensions from a single codebase. It functions as a development environment that automates manifest generation and bundles source code into compatible packages for multiple web browser engines. The project includes a developer toolset featuring hot module replacement for real-time code updates and an automated publisher to deliver completed builds to various browser web stores. Its capability surface covers extension UI development through the injection of components into web pages and a communicati

    Renders custom interface elements directly into the document object model of target websites.

    TypeScriptbrowser-extensionbundlerchrome-extension
    Vezi pe GitHub↗13,069
  • hotwired/stimulusAvatar hotwired

    hotwired/stimulus

    13,058Vezi pe GitHub↗

    Stimulus is a JavaScript behavior framework and client-side logic layer used to add interactive behavior to server-rendered HTML. It functions as a system of DOM component controllers that organize JavaScript logic into classes, allowing developers to enhance server-delivered markup without replacing the rendering process with a client-side framework. The framework uses data attributes to bind JavaScript classes to HTML elements and map DOM events to specific methods through document-level event delegation. It employs a lifecycle manager based on mutation observers to automatically instantiat

    Manages the lifecycle of JavaScript controllers bound to HTML elements on the client side.

    TypeScript
    Vezi pe GitHub↗13,058
  • dbt-labs/dbt-coreAvatar dbt-labs

    dbt-labs/dbt-core

    13,051Vezi pe GitHub↗

    dbt-core is a command-line framework for transforming data within a warehouse using modular SQL and version control. It functions as a data transformation engine that enables users to define data structures and business logic through declarative configuration files, which the system then compiles into executable code. By managing complex data dependencies through a directed acyclic graph, it ensures that transformation tasks execute in the correct order while maintaining a manifest-driven state to track lineage and execution history. The project distinguishes itself through an adapter-based d

    Hides intermediate transformation models from end-user reporting schemas to ensure data governance.

    Rustanalyticsbusiness-intelligencedata-modeling
    Vezi pe GitHub↗13,051
  • requirejs/requirejsAvatar requirejs

    requirejs/requirejs

    12,919Vezi pe GitHub↗

    RequireJS is a JavaScript module loader and dependency manager that implements the Asynchronous Module Definition API. It enables the asynchronous loading of JavaScript files in the browser to prevent page rendering blocks and manages interdependent scripts to avoid global namespace pollution and execution order issues. The project includes a build optimizer that combines and minifies multiple script files into single bundles to reduce network requests. It also provides a mechanism for version management, allowing multiple versions of the same library to coexist on a single page without confl

    Programmatically inserts script elements into the DOM to trigger browser-native asynchronous downloading of modules.

    JavaScript
    Vezi pe GitHub↗12,919
  • formbricks/formbricksAvatar formbricks

    formbricks/formbricks

    12,391Vezi pe GitHub↗

    Formbricks is an open-source survey and feedback platform designed to help teams capture and analyze user insights through targeted, in-app, and website-based interactions. It functions as a comprehensive customer experience analytics system that allows organizations to maintain full control over their data, user attributes, and survey workflows. The platform distinguishes itself through its event-driven architecture, which enables precise behavioral targeting by triggering surveys based on specific user actions or application events. It supports deep integration with external ecosystems by a

    Embeds interactive survey components into host applications using lightweight script injection.

    TypeScriptexperience-managementformforms
    Vezi pe GitHub↗12,391
  • rybbit-io/rybbitAvatar rybbit-io

    rybbit-io/rybbit

    12,297Vezi pe GitHub↗

    Rybbit is an open-source, self-hosted web analytics platform designed for comprehensive user behavior tracking and product engagement analysis. It provides a complete suite for monitoring visitor interactions, conversion funnels, and site performance, allowing organizations to maintain full ownership of their data and infrastructure. The platform distinguishes itself through a strong emphasis on privacy-compliant data collection and visual session replay capabilities. It supports advanced traffic routing through custom domains to bypass ad blockers and includes configurable masking tools to p

    Embeds lightweight tracking code into web pages to capture user behavior without modifying core application logic.

    TypeScriptanalyticsgoogle-analyticsproduct-analytics
    Vezi pe GitHub↗12,297
  • codeseven/toastrAvatar CodeSeven

    CodeSeven/toastr

    12,108Vezi pe GitHub↗

    Toastr is a JavaScript toast notification library and client-side alert manager used to display non-blocking alert messages and system notifications in web browsers. It serves as a frontend notification UI for rendering timed messages that provide real-time visual feedback within web applications. The library includes a notification system that supports right-to-left layout mirroring for internationalized applications. It also features a mechanism to prevent duplicate notifications by matching new content against active alerts to avoid redundant stacking. The system manages notification life

    Programmatically injects notification HTML containers directly into the document body.

    JavaScript
    Vezi pe GitHub↗12,108
Înapoi123…4Înainte
  1. Home
  2. Web Development
  3. Client-Side Components

Explorează sub-etichetele

  • Architecture PatternsDesign patterns for managing the lifecycle, error boundaries, and loading states of client-side components. **Distinct from Client-Side Components:** Focuses on the structural architecture and lifecycle management of components rather than just their environment of execution.
  • Click TrackersClient-side scripts that capture referral traffic and interaction data directly within the browser. **Distinct from Client-Side Components:** Distinct from general client-side components: specifically focuses on tracking referral traffic via query parameters.
  • Client Identification Headers1 sub-tagMechanisms for injecting and validating unique developer identifiers in network requests to monitor integration health. **Distinct from Client-Side Components:** Focuses on identification headers for traffic monitoring, distinct from general client-side components.
  • Client-Side Directives2 sub-tag-uriDirectives that mark modules for execution exclusively in the browser environment. **Distinct from Client-Side Components:** Distinct from Client-Side Components: focuses on the directive-based partitioning of code rather than the component definition itself.
  • Data Exposure RestrictionsMechanisms for marking sensitive objects to prevent accidental exposure from server to client. **Distinct from Client-Side Components:** Distinct from Client-Side Components: focuses on security-driven data tainting rather than component execution environments.
  • Healthcare Account ConnectorsClient-side components that guide users through linking external healthcare provider accounts. **Distinct from Client-Side Components:** Distinct from Client-Side Components: focuses on the specific domain of healthcare account linking, not general client-side component libraries.
  • Permission-Based Visibility GuardsComponents that conditionally render based on user access rights. **Distinct from Client-Side Components:** Distinct from general client-side components by focusing specifically on permission-driven visibility logic.
  • Script Injection Mechanisms2 sub-tag-uriSystems for loading and executing modular scripts on specific pages to provide dynamic client-side behavior. **Distinct from Client-Side Components:** Distinct from general client-side components: focuses on the injection mechanism for dynamic script execution rather than the components themselves.
  • Segment FiltersAutomated detection and skipping of predefined time ranges within media streams. **Distinct from Client-Side Components:** Distinct from general client-side components: focuses specifically on temporal metadata filtering for media playback.
  • Translation HooksHooks in Client Components that return the translation function for the current language and namespace. **Distinct from Client-Side Components:** Distinct from Client-Side Components: focuses on translation-specific hooks, not general client-side component execution.