awesome-repositories.com
Blog
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
ProiectDespreCum realizăm clasamentulPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

9 repository-uri

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

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • alibaba/flutter-common-widgets-appAvatar alibaba

    alibaba/flutter-common-widgets-app

    23,667Vezi pe GitHub↗

    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
    Vezi pe GitHub↗23,667
  • ruanyf/react-demosAvatar ruanyf

    ruanyf/react-demos

    16,471Vezi pe GitHub↗

    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
    Vezi pe GitHub↗16,471
  • chakra-ui/arkAvatar chakra-ui

    chakra-ui/ark

    5,004Vezi pe GitHub↗

    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
    Vezi pe GitHub↗5,004
  • mdn/web-components-examplesAvatar mdn

    mdn/web-components-examples

    3,363Vezi pe GitHub↗

    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
    Vezi pe GitHub↗3,363
  • jpisnice/shadcn-ui-mcp-serverAvatar Jpisnice

    Jpisnice/shadcn-ui-mcp-server

    2,803Vezi pe GitHub↗

    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
    Vezi pe GitHub↗2,803
  • googlechromelabs/howto-componentsAvatar GoogleChromeLabs

    GoogleChromeLabs/howto-components

    877Vezi pe GitHub↗

    Literate code examples for common UI patterns.

    Reference implementations for common web UI patterns.

    JavaScript
    Vezi pe GitHub↗877
  • thepassle/generic-componentsAvatar thepassle

    thepassle/generic-components

    572Vezi pe GitHub↗

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

    Accessible and reusable generic UI components.

    JavaScript
    Vezi pe GitHub↗572
  • leaverou/nudeuiAvatar LeaVerou

    LeaVerou/nudeui

    234Vezi pe GitHub↗

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

    Accessible and highly customizable lightweight components.

    JavaScript
    Vezi pe GitHub↗234
  • martine-dowden/vanilla-retro-jsAvatar martine-dowden

    martine-dowden/vanilla-retro-js

    17Vezi pe GitHub↗

    Vanilla JS UI component library of HTML deprecated tags.

    Library of UI components based on deprecated HTML tags.

    JavaScript
    Vezi pe GitHub↗17
  1. Home
  2. Part of an Awesome List
  3. Developer Tools
  4. Component Examples

Explorează sub-etichetele

  • 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.