awesome-repositories.com
ब्लॉग
awesome-repositories.com

AI-संचालित खोज के साथ बेहतरीन ओपन-सोर्स रिपॉजिटरी खोजें।

एक्सप्लोर करेंक्यूरेटेड खोजेंओपन-सोर्स विकल्पसेल्फ-होस्टेड सॉफ्टवेयरब्लॉगसाइटमैप
प्रोजेक्टहमारे बारे मेंहम रैंकिंग कैसे करते हैंप्रेसMCP सर्वर
कानूनीगोपनीयताशर्तें
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

9 रिपॉजिटरी

Awesome GitHub RepositoriesComponent Examples

Reference implementations and patterns for building custom UI elements.

Explore 9 awesome GitHub repositories matching part of an awesome list · Component Examples. Refine with filters or upvote what's useful.

Awesome Component Examples GitHub Repositories

AI के साथ बेहतरीन रिपॉजिटरी खोजें।हम AI का उपयोग करके सबसे सटीक रिपॉजिटरी खोजेंगे।
  • alibaba/flutter-common-widgets-appalibaba का अवतार

    alibaba/flutter-common-widgets-app

    23,667GitHub पर देखें↗

    This project is a Flutter UI component gallery and reference application. It serves as a visual catalog of reusable interface patterns and a library of interactive demonstrations for over 140 common Flutter user interface widgets. The application provides a way to explore widget implementations and browse live component demos. It functions as a reference for Flutter UI development and widget exploration, allowing for the testing of standard user interface elements.

    Offers a comprehensive collection of reference implementations and patterns for building standard Flutter UI elements.

    Dart
    GitHub पर देखें↗23,667
  • ruanyf/react-demosruanyf का अवतार

    ruanyf/react-demos

    16,471GitHub पर देखें↗

    This project is a collection of practical code samples and demonstrations for building user interfaces with React. It serves as a set of examples illustrating common interface patterns, state management techniques, and the implementation of modular, reusable components. The repository provides specific demonstrations for several core development areas. These include samples for retrieving and rendering asynchronous data from external APIs, managing component lifecycles during mounting and unmounting, and handling internal state to sync form inputs. It also includes guides for direct document

    Offers reference implementations and patterns for building custom UI elements.

    JavaScript
    GitHub पर देखें↗16,471
  • chakra-ui/arkchakra-ui का अवतार

    chakra-ui/ark

    5,004GitHub पर देखें↗

    Ark is a headless UI component library that delivers accessible, cross-framework primitives with behavior governed by finite state machines. It provides unstyled components that encapsulate logic and accessibility — including full keyboard navigation, focus management, and WAI-ARIA support — while leaving visual styling entirely to the consumer. Components expose scoped data attributes for CSS targeting and use state machines to produce predictable, testable interactive behavior across every state transition. The library distinguishes itself through a state propagation model that distributes

    Lists example names for each component to show what usage patterns exist for AI agent reference.

    TypeScriptcomponentsdesign-systemheadless
    GitHub पर देखें↗5,004
  • mdn/web-components-examplesmdn का अवतार

    mdn/web-components-examples

    3,363GitHub पर देखें↗

    A series of web components examples, related to the MDN web components documentation at https://developer.mozilla.org/en-US/docs/Web/Web_Components.

    Official documentation examples for web component standards.

    JavaScript
    GitHub पर देखें↗3,363
  • jpisnice/shadcn-ui-mcp-serverJpisnice का अवतार

    Jpisnice/shadcn-ui-mcp-server

    2,803GitHub पर देखें↗

    This project is a Model Context Protocol server designed to bridge the gap between local frontend component libraries and language models. It functions as a development assistant that provides AI tools with the structural context, dependency requirements, and installation patterns necessary to generate accurate, framework-specific UI code. The server distinguishes itself by utilizing schema-driven metadata extraction and static file system analysis to interpret component structures without requiring runtime execution. By decoupling component definitions from specific UI libraries, it supports

    Supplies structural details and usage patterns for UI components to language models to improve code generation accuracy.

    TypeScriptaiexpomcp
    GitHub पर देखें↗2,803
  • googlechromelabs/howto-componentsGoogleChromeLabs का अवतार

    GoogleChromeLabs/howto-components

    877GitHub पर देखें↗

    Literate code examples for common UI patterns.

    Reference implementations for common web UI patterns.

    JavaScript
    GitHub पर देखें↗877
  • thepassle/generic-componentsthepassle का अवतार

    thepassle/generic-components

    572GitHub पर देखें↗

    A collection of generic web components with a focus on accessibility, and ease of use

    Accessible and reusable generic UI components.

    JavaScript
    GitHub पर देखें↗572
  • leaverou/nudeuiLeaVerou का अवतार

    LeaVerou/nudeui

    234GitHub पर देखें↗

    Lea's kitchen sink of form components. WIP. Try at your own risk or come back later.

    Accessible and highly customizable lightweight components.

    JavaScript
    GitHub पर देखें↗234
  • martine-dowden/vanilla-retro-jsmartine-dowden का अवतार

    martine-dowden/vanilla-retro-js

    17GitHub पर देखें↗

    Vanilla JS UI component library of HTML deprecated tags.

    Library of UI components based on deprecated HTML tags.

    JavaScript
    GitHub पर देखें↗17
  1. Home
  2. Part of an Awesome List
  3. Developer Tools
  4. Component Examples

सब-टैग एक्सप्लोर करें

  • Usage Pattern CatalogsCollections of example names and usage patterns for each component to guide AI code generation. **Distinct from Component Examples:** Distinct from Component Examples: focuses on listing example names and usage patterns for AI reference, not providing full implementations.