awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

7 repositorios

Awesome GitHub RepositoriesVisual Layout Construction

The process of building the structural arrangement and styling of a user interface using visual tools.

Distinct from Layout Styling Controls: None of the candidates cover the holistic construction of a web layout combining styling and animation in one visual flow.

Explore 7 awesome GitHub repositories matching user interface & experience · Visual Layout Construction. Refine with filters or upvote what's useful.

Awesome Visual Layout Construction GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • webstudio-is/webstudioAvatar de webstudio-is

    webstudio-is/webstudio

    8,240Ver en GitHub↗

    Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

    Enables construction of layouts, component styling, and element animations through a visual interface.

    TypeScriptaccessibilityalternativecloudflare
    Ver en GitHub↗8,240
  • elementor/elementorAvatar de elementor

    elementor/elementor

    6,952Ver en GitHub↗

    Elementor is a visual page builder for WordPress that provides a drag-and-drop interface for creating responsive layouts and custom themes. It functions as a comprehensive design system manager and theme builder, allowing for the creation of global website components such as headers, footers, and archive pages without writing code. The platform distinguishes itself through a dedicated popup builder with custom trigger conditions and a visual landing page creator that utilizes pre-made kits. It includes a global style registry to synchronize fonts and colors across all site elements and a widg

    Arranges text and images in a zigzag pattern to improve storytelling and readability.

    PHPeditor-shared
    Ver en GitHub↗6,952
  • vandadnp/flutter-tips-and-tricksAvatar de vandadnp

    vandadnp/flutter-tips-and-tricks

    6,822Ver en GitHub↗

    This repository is a collection of practical code snippets and implementation patterns for Flutter and Dart. It serves as a comprehensive guide and reference for asynchronous programming, state management patterns, and UI component design. The project provides advanced language reference material covering generics, reflection, factory constructors, and null-aware operators. It also includes specific utilities for manipulating Dart collections, such as helper methods for transforming and filtering maps, lists, and iterables. The coverage extends to high-level capabilities including asynchrono

    Implements UI patterns that automatically adapt based on the connection, data, or error state of async tasks.

    Dartdartflutterflutter-ui
    Ver en GitHub↗6,822
  • arco-design/arco-designAvatar de arco-design

    arco-design/arco-design

    5,625Ver en GitHub↗

    Arco Design es una biblioteca de componentes de UI de React y framework de sistema de diseño utilizado para construir interfaces web profesionales. Proporciona una colección de elementos visuales y diseños pre-construidos diseñados para mantener un lenguaje de diseño consistente en todas las aplicaciones. El sistema cuenta con un motor de temas basado en tokens que utiliza variables de diseño jerárquicas y variables CSS para permitir una personalización visual granular. Esto permite la modificación de estilos globales y a nivel de componente a través de un editor de temas dedicado o cargador para alinear la interfaz con identidades de marca específicas. El framework admite el desarrollo de UI empresarial proporcionando herramientas para la gestión de sistemas de diseño y un repositorio centralizado para almacenar y distribuir componentes de negocio reutilizables. Estas capacidades facilitan el ensamblaje de diseños funcionales y el intercambio de módulos de interfaz personalizados en múltiples proyectos.

    Facilitates the structural arrangement and styling of screen layouts using a consistent set of components.

    TypeScript
    Ver en GitHub↗5,625
  • xamarin/xamarin-forms-samplesAvatar de xamarin

    xamarin/xamarin-forms-samples

    4,253Ver en GitHub↗

    Este proyecto es una colección de implementaciones de referencia y ejemplos de código para construir interfaces de usuario multiplataforma utilizando el framework Xamarin.Forms. Proporciona ejemplos prácticos para desarrollar aplicaciones móviles y de escritorio desde una única base de código dirigida a múltiples sistemas operativos. El repositorio se centra en patrones arquitectónicos y estrategias de integración, demostrando específicamente el uso de MVVM para sincronizar datos entre modelos y vistas. Incluye ejemplos para la integración con plataformas nativas, como la invocación de APIs específicas de la plataforma y la creación de renderizadores personalizados para sobrescribir los controles compartidos predeterminados. Los ejemplos cubren una amplia gama de capacidades, incluyendo el uso de XAML para diseños de UI declarativos y la integración de servicios web REST y SOAP. Otras áreas destacadas incluyen la persistencia de datos local con SQLite, autenticación de identidad en la nube y la implementación de varios esquemas de navegación como interfaces con pestañas y menús desplegables. El proyecto también proporciona ejemplos de pipelines de compilación automatizados para múltiples plataformas y pruebas de UI multiplataforma.

    Provides a framework for building cross-platform user interfaces using declarative layouts and interactive elements.

    C#
    Ver en GitHub↗4,253
  • datawhalechina/vibe-vibeAvatar de datawhalechina

    datawhalechina/vibe-vibe

    3,126Ver en GitHub↗

    vibe-vibe is an LLM agent engineering framework and toolchain optimizer designed for orchestrating multi-agent systems. It serves as a comprehensive guide and methodology for transforming conceptual ideas into deployed applications through agentic software engineering. The project focuses on the orchestration of specialized AI agent roles with defined collaboration boundaries and iterative feedback loops. It provides frameworks for toolchain optimization, including the selection and evaluation of protocols that extend model capabilities and the design of standardized tool interfaces. The sys

    Constructs visual layouts and interactive elements using modern styling frameworks and component libraries.

    agentagentic-aiai
    Ver en GitHub↗3,126
  • embarcadero/dev-cppAvatar de Embarcadero

    Embarcadero/Dev-Cpp

    2,882Ver en GitHub↗

    Dev-Cpp is a comprehensive development suite that serves as a C++ integrated development environment, a cross-platform application builder, and a visual UI designer. It provides a toolchain for writing, compiling, and debugging native C++ applications on Windows, while offering a framework to create native binaries for desktop, mobile, and IoT devices from a single codebase. The project distinguishes itself by integrating an embedded SQL database engine and a REST API development platform directly into the workflow. It includes an AI-assisted coding tool that leverages large language models t

    Builds desktop and mobile layouts using a library of pre-made visual controls and styles.

    Pascalcppdelphidev-cpp
    Ver en GitHub↗2,882
  1. Home
  2. User Interface & Experience
  3. Visual Layout Construction

Explorar subetiquetas

  • Alternating Content PatternsSpecific visual arrangements, such as zigzag layouts, used to organize content for better readability. **Distinct from Visual Layout Construction:** Specializes visual layout construction specifically for alternating text-image patterns.
  • Async Snapshot LayoutsUI layouts that reactively change based on the state of an asynchronous data snapshot. **Distinct from Visual Layout Construction:** Distinct from Visual Layout Construction: focuses on the reactive dependency between async data states and the resulting UI structure.