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
·

7 repository-uri

Awesome GitHub RepositoriesUI Design Patterns

Reusable architectural structures and composition techniques for building scalable and maintainable user interfaces.

Distinct from React Development: Focuses on structural design patterns for UI architecture rather than framework-specific development tools.

Explore 7 awesome GitHub repositories matching software engineering & architecture · UI Design Patterns. Refine with filters or upvote what's useful.

Awesome UI Design Patterns GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • krasimir/react-in-patternsAvatar krasimir

    krasimir/react-in-patterns

    13,578Vezi pe GitHub↗

    This project is a comprehensive guide to architectural patterns and design techniques for building modular user interfaces with React. It focuses on structuring component hierarchies, implementing state management patterns, and decoupling services to ensure applications remain maintainable and scalable. The collection emphasizes strategies for dependency injection and the separation of business logic from presentation layers. It provides detailed approaches for utilizing containers, higher-order components, and module registries to isolate external services and third-party libraries from the

    Serves as a comprehensive guide to architectural patterns and design techniques for building modular user interfaces.

    JavaScriptdata-flowdependencyinjection
    Vezi pe GitHub↗13,578
  • foundation/foundation-emailsAvatar foundation

    foundation/foundation-emails

    7,790Vezi pe GitHub↗

    This project is an HTML email framework and compiler designed to build responsive emails using a high-level syntax that transforms into table-based layouts. It functions as an HTML-to-table compiler and CSS inliner, ensuring that simplified markup is converted into the complex nested structures and inline attributes required for cross-client compatibility. The framework features a responsive email grid system and Sass-based styling, allowing the use of variables to manage colors, typography, and spacing. These tools enable custom brand theming and the creation of fluid layouts that adapt to v

    Uses pre-tested components to implement standard UI design patterns like block grids and buttons within emails.

    HTML
    Vezi pe GitHub↗7,790
  • pedrovgs/effectiveandroiduiAvatar pedrovgs

    pedrovgs/EffectiveAndroidUI

    5,985Vezi pe GitHub↗

    EffectiveAndroidUI este o colecție de implementări de referință și proiecte eșantion care demonstrează modele arhitecturale UI pentru Android, strategii de navigare și tehnici de gestionare a resurselor. Oferă exemple practice de implementare a modelelor Model-View-Presenter și Model-View-ViewModel pentru a separa logica de business de interfața utilizator. Proiectul prezintă demonstrații ale logicii centralizate de tranziție între ecrane și comunicarea între fragmente. Include exemple de gestionare a resurselor folosind calificatori personalizați pentru a organiza activele și a adapta layout-urile în funcție de densitatea și dimensiunea ecranului. Repository-ul acoperă domenii largi de capabilități, inclusiv gestionarea dependențelor pentru a controla durata de viață a obiectelor, optimizarea layout-ului pentru interfețe responsive și optimizarea performanței listelor folosind view recycling pentru seturi mari de date.

    Implements reusable architectural structures for building scalable and maintainable Android user interfaces.

    Java
    Vezi pe GitHub↗5,985
  • 21st-dev/magic-mcpAvatar 21st-dev

    21st-dev/magic-mcp

    4,992Vezi pe GitHub↗

    Magic MCP is a Model Context Protocol server and AI component generator that translates natural language descriptions into functional user interface code. It acts as an LLM design orchestrator, producing responsive web elements and layouts anchored on utility-first CSS styling patterns. The system features a side-by-side variation engine that generates multiple stylistic interpretations of a single prompt for comparative selection. It incorporates SVG-based asset integration for branding and iconography and utilizes template-based assembly to combine pre-defined style patterns with user-speci

    Incorporates curated real-world components and community UI design patterns into the generation process.

    TypeScript
    Vezi pe GitHub↗4,992
  • buildermethods/agent-osAvatar buildermethods

    buildermethods/agent-os

    3,885Vezi pe GitHub↗

    Agent-OS is an LLM multi-agent orchestration framework and AI software development lifecycle tool designed to coordinate specialized agents through shared workspaces and structured task lists. It functions as an agentic application bootstrapper and technical specification engine, providing the infrastructure to guide the process from product requirements to automated coding and deployment. The system distinguishes itself through spec-driven development, using detailed technical specifications and layered context injection to ensure generated code aligns with project standards. It employs a ma

    Injects managed instructions into configuration files to force AI tools to use established design primitives.

    Shell
    Vezi pe GitHub↗3,885
  • dammyjay93/interface-designAvatar Dammyjay93

    Dammyjay93/interface-design

    3,385Vezi pe GitHub↗

    This project is a design system management tool and CSS manager used to extract visual patterns from code and enforce consistent design tokens across style definitions. It functions as an interface polishing tool that replaces generic default CSS values with refined tokens to improve overall visual quality. The system acts as a visual style recommender and design assistant, analyzing project files to infer application types and suggest appropriate configurations for spacing, depth, and borders. It also generates visual direction boards and reference mockups to establish a project's aesthetic

    Identifies recurring UI patterns in code to create reusable components for a standardized design system.

    Shell
    Vezi pe GitHub↗3,385
  • chainlift/liftkitAvatar Chainlift

    Chainlift/liftkit

    2,584Vezi pe GitHub↗

    Liftkit is a modular code distribution tool and component code importer designed to download UI component source code directly into local repositories. It functions as a frontend component bridge, transferring pre-made UI elements and design patterns from remote repositories into local project directories for full implementation control. The utility acts as a design system synchronizer, aligning visual components and patterns across different design and coding tools. This process ensures consistency between layout and final code by synchronizing UI design patterns throughout the development w

    Synchronizes visual design elements across multiple coding tools to ensure consistency between design patterns and final code.

    CSScomponent-librarycssnextjs
    Vezi pe GitHub↗2,584
  1. Home
  2. Software Engineering & Architecture
  3. UI Design Patterns

Explorează sub-etichetele

  • Configuration-Driven UI ConstraintsUse of configuration files to restrict and guide AI tools toward using specific design primitives. **Distinct from UI Design Patterns:** Distinct from UI Design Patterns as it focuses on the technical injection of constraints into tool configurations rather than architectural patterns
  • Layout SynchronizationsSynchronizing visual layout patterns across multiple coding tools to ensure implementation matches the design. **Distinct from UI Design Patterns:** Distinct from UI Design Patterns: focuses on the synchronization process across tools rather than the patterns themselves.
  • Visual Pattern ExtractorsTools that identify recurring visual elements in code to create reusable components for a design system. **Distinct from UI Design Patterns:** Focuses on the extraction process from code, whereas the parent describes the patterns themselves.