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

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

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

19 repositorios

Awesome GitHub RepositoriesLayout Templates

Predefined spatial patterns used to position items in specific visual arrangements.

Distinct from Stack-Based Layout Containers: Distinct from Stack-Based Layout Containers: covers a variety of templates including tinder-style and cards, not just push/pop stacks.

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

Awesome Layout Templates GitHub Repositories

Encuentra los mejores repositorios con IA.Buscaremos los repositorios que mejor coincidan usando IA.
  • meliorence/react-native-snap-carouselAvatar de meliorence

    meliorence/react-native-snap-carousel

    10,519Ver en GitHub↗

    This project is a cross-platform mobile carousel component for creating swipeable image and content sliders. It functions as a virtualized list component that maintains performance by removing off-screen elements and utilizes a native-driver animation library to map scroll offsets to style properties on the native thread for lag-free transitions. The library provides a parallax image gallery capable of shifting images relative to scroll progress to create a sense of depth. It also features a layout system that supports right-to-left orientations for languages such as Arabic and Hebrew. Capab

    Offers predefined layout templates for positioning items as cards or tinder-style stacks.

    JavaScriptadvanced-effectscarouselflatlist-based
    Ver en GitHub↗10,519
  • freddier/hyperblogAvatar de freddier

    freddier/hyperblog

    8,812Ver en GitHub↗

    Hyperblog is a Git learning resource and static site blog template. It provides a practical codebase and markdown blog theme designed for hands-on implementation of version control and collaborative development. The project focuses on Git workflow practice and GitHub collaborative development. It allows users to master version control and project management by building and deploying a functional static website. The system uses static site generation and markdown-driven content to create blog posts. It includes template-based layouts and client-side search indexing to locate specific text or

    Uses reusable HTML structures and predefined layout files to wrap raw blog content.

    HTML
    Ver en GitHub↗8,812
  • bestony/logolyAvatar de bestony

    bestony/logoly

    7,933Ver en GitHub↗

    Logoly is a browser-based logo editor that generates logos mimicking the signature visual style of popular platforms. It renders logo previews by drawing vector graphics directly onto an HTML canvas element, managing all editor state entirely within the browser. The tool provides real-time customization of logo text, color, and font size through an interactive on-screen editor, with instant preview updates as adjustments are made. It applies visual styles by mapping user-selected colors and fonts to CSS-like properties on SVG elements, and uses predefined layout templates to position text and

    Uses predefined layout templates to position text and graphics in the signature style of a specific platform.

    JavaScriptgeneratorhacktoberfestlogo
    Ver en GitHub↗7,933
  • ikuaitu/vue-fabric-editorAvatar de ikuaitu

    ikuaitu/vue-fabric-editor

    7,892Ver en GitHub↗

    vue-fabric-editor is a web-based graphic design tool and vector graphics editor built with Vue and Fabric.js. It provides a canvas manipulation framework for creating visual compositions, layouts, and custom vector illustrations. The project features a template-based design system for creating reusable layouts and a bulk image generator that automatically produces multiple image files using data tables or external network interfaces. It also includes a modular plugin system for extending tools and keyboard shortcuts. The editor covers a broad range of capabilities including digital asset man

    Uses predefined spatial patterns and layout templates to standardize the creation of graphic designs.

    Vuecanvas-editordesigndesign-editor
    Ver en GitHub↗7,892
  • nexu-io/html-anythingAvatar de nexu-io

    nexu-io/html-anything

    7,275Ver en GitHub↗

    Este proyecto es un generador de artefactos HTML para LLM y un previsualizador en sandbox diseñado para la creación rápida de prototipos y contenido. Funciona como un puente de agente de IA local que reutiliza sesiones autenticadas de agentes de codificación de línea de comandos para ejecutar tareas de generación sin requerir claves de API separadas. El sistema convierte diseños web en formatos específicos de plataforma a través de una herramienta de exportación a redes sociales, utilizando CSS y metadatos en línea para garantizar una publicación consistente. Emplea un entorno de renderizado en sandbox para ejecutar código y scripts generados por IA de forma aislada, protegiendo al navegador anfitrión de envenenamiento. La plataforma maneja la transformación de contenido convirtiendo datos estructurados (incluyendo CSV, JSON y SQL) en artefactos web pulidos como páginas de destino, informes profesionales y mazos de presentación. Admite actualizaciones visuales en tiempo real mediante el streaming de código generado por IA al navegador a través de eventos enviados por el servidor. Las capacidades de exportación incluyen la conversión de nodos web renderizados en imágenes PNG de alta resolución y archivos HTML independientes.

    Transforms structured data into visual formats using a library of predefined HTML layout blueprints.

    HTML
    Ver en GitHub↗7,275
  • blackrockdigital/startbootstrapAvatar de BlackrockDigital

    BlackrockDigital/startbootstrap

    7,160Ver en GitHub↗

    This project is a Bootstrap theme library providing a collection of pre-designed frontend templates and layouts. It functions as a set of frontend UI kits and responsive website templates built specifically with the Bootstrap CSS framework. The library focuses on responsive web design and frontend layout prototyping. It includes specialized themes for creating web dashboards, blogs, and portfolios. The technical implementation utilizes responsive grid layouts, component-based templates, and utility-first class architecture to standardize typography and spacing across different screen sizes.

    Implements HTML-first structural templates that separate page hierarchy from visual presentation.

    HTMLbootstrapbootstrap-4bootstrap-template
    Ver en GitHub↗7,160
  • matze/mthemeAvatar de matze

    matze/mtheme

    6,835Ver en GitHub↗

    mtheme is a minimalist visual style for creating presentation slides using the LaTeX Beamer document class. It provides a set of formatting rules and a presentation typesetting style designed to optimize slide layout and content spacing. The theme focuses on a clean, low-noise layout that reduces visual clutter to maximize available content space. It includes a visual progress indicator integrated into each frame to track the viewer's position within the slide deck. The project covers academic presentation formatting and technical slide design, utilizing a document typesetting engine to gene

    Implements custom structural patterns and layout overrides for a minimalist spatial arrangement of slide elements.

    TeXlatex-beamer-themetex
    Ver en GitHub↗6,835
  • keldos-li/typora-latex-themeAvatar de Keldos-Li

    Keldos-Li/typora-latex-theme

    5,872Ver en GitHub↗

    Este proyecto es un tema CSS para el editor Typora diseñado para emular los estándares de composición tipográfica de LaTeX. Funciona como un maquetador de documentos académicos que transforma vistas previas de Markdown en diseños formales adecuados para trabajos e informes de estilo universitario. El tema incluye estilos de composición localizados adaptados a los estándares académicos chinos, proporcionando fuentes específicas y plantillas HTML para generar portadas, resúmenes y secciones de palabras clave profesionales. El sistema gestiona la tipografía del documento, los márgenes de página y el estilo de listas multinivel a través de variables CSS y capas de sobrescritura. Emplea media queries específicas para impresión para asegurar un diseño controlado durante la exportación de Markdown a PDF, incluyendo opciones para formatear la visibilidad de hipervínculos en documentos listos para imprimir.

    Inserts pre-defined HTML structures to simulate academic title pages and abstracts.

    SCSSlatextyporatypora-theme
    Ver en GitHub↗5,872
  • valor-software/ngx-bootstrapAvatar de valor-software

    valor-software/ngx-bootstrap

    5,519Ver en GitHub↗

    ngx-bootstrap es un conjunto de widgets y componentes de interfaz de usuario con estilo Bootstrap construidos específicamente para el framework Angular. Proporciona una librería de elementos de interfaz reutilizables diseñados para trabajar con el motor de compilación y renderizado Angular Ivy. La librería permite la integración de componentes de Bootstrap en aplicaciones Angular para crear interfaces de usuario receptivas sin requerir CSS o JavaScript manual. Reemplaza la necesidad de jQuery utilizando directivas de Angular para la gestión de estado y un motor de posicionamiento adaptativo para elementos flotantes. El conjunto de componentes cubre una amplia gama de elementos interactivos, incluyendo controles de navegación como pestañas y paginación, ventanas superpuestas como modales y popovers, y herramientas de entrada de datos como selectores de fecha y hora. También incluye widgets de diseño y retroalimentación como acordeones, barras de progreso y alertas.

    Exposes content slots via ng-template to allow custom internal HTML structure for complex widgets.

    TypeScriptangularbootstrapcarousel
    Ver en GitHub↗5,519
  • expressjs/expressjs.comAvatar de expressjs

    expressjs/expressjs.com

    5,355Ver en GitHub↗

    Este proyecto es un sitio web de documentación técnica y generador de sitios estáticos diseñado para servir como centro centralizado para referencias de API, guías y tutoriales. Funciona como un sistema de gestión de contenido basado en markdown que separa la redacción técnica de la capa de presentación. El sitio utiliza una arquitectura enrutada por el sistema de archivos, mapeando la estructura física de directorios y archivos del código fuente directamente a las rutas URL públicas. Este enfoque permite la transformación de archivos markdown y plantillas en HTML pre-renderizado para su entrega web. El sistema abarca capacidades para el alojamiento de documentación técnica y la comunicación de proyectos open source, utilizando diseños basados en plantillas y un pipeline de activos para organizar la documentación del proyecto y optimizar la experiencia del desarrollador.

    Uses reusable HTML structure templates to wrap content blocks and maintain consistent navigation and branding.

    MDXexpressexpressjsjavascript
    Ver en GitHub↗5,355
  • alexaubry/bulletinboardAvatar de alexaubry

    alexaubry/BulletinBoard

    5,348Ver en GitHub↗

    BulletinBoard es una librería de componentes SwiftUI y framework de interfaz para iOS. Proporciona un conjunto de elementos reutilizables diseñados para renderizar tarjetas de información interactivas y accesibles en la parte inferior de una pantalla para guiar a los usuarios a través de tareas de configuración y onboarding. El framework funciona como un kit de UI de onboarding, ofreciendo plantillas de tarjetas predefinidas y la capacidad de crear estructuras de diseño personalizadas. Estos componentes están construidos con soporte de accesibilidad integrado para garantizar que las actualizaciones de la interfaz y los estados de interacción sean anunciados a los lectores de pantalla y controladores asistidos. La librería cubre capacidades de alto nivel, incluyendo diseño de UI contextual e integración de accesibilidad en iOS, permitiendo el desarrollo de vistas de tarjeta especializadas que mantienen una navegación inclusiva.

    Uses predefined structural templates to generate specialized card layouts.

    Swift
    Ver en GitHub↗5,348
  • asmuth/clipAvatar de asmuth

    asmuth/clip

    5,148Ver en GitHub↗

    Clip es una herramienta de visualización de datos de línea de comandos diseñada para generar gráficos y diagramas basados en imágenes a partir de descripciones de texto. Funciona como un generador de gráficos que convierte datos escritos y patrones descriptivos en formatos visuales sin el uso de una interfaz gráfica de usuario. La herramienta se especializa en producir gráficos vectoriales escalables, traduciendo transformaciones de texto a gráfico en rutas vectoriales basadas en XML. Este enfoque permite la creación automatizada de ilustraciones técnicas y diagramas específicamente adecuados para la documentación de desarrolladores. El sistema emplea un motor de diseño basado en plantillas para posicionar elementos de gráficos y mapear estructuras de datos en formas geométricas y coordenadas visuales.

    Employs a template-driven layout engine to position chart elements based on input data types.

    C++chartchartscpp17
    Ver en GitHub↗5,148
  • xuexiangjys/xuiAvatar de xuexiangjys

    xuexiangjys/XUI

    5,075Ver en GitHub↗

    XUI es un framework de interfaz de usuario nativo para Android y una biblioteca de componentes diseñada para construir interfaces de aplicaciones. Proporciona un conjunto completo de diseños nativos, campos de entrada y elementos de navegación, respaldado por un sistema de gestión de temas por niveles para definir atributos visuales globales y estilos responsivos. El framework se distingue por un conjunto especializado de vistas personalizadas y kits de herramientas de interacción, incluyendo calendarios de alto rendimiento, renderizado de visualización de datos y una variedad de botones estilizados con temporizadores integrados y efectos visuales. También incluye capacidades integradas de procesamiento de medios, como escaneo de códigos de barras y QR, generación de QR personalizados e interfaz de recorte de imágenes. El proyecto cubre una amplia superficie de capacidades de UI y UX, incluyendo diversos componentes de entrada de datos, primitivas de ventanas flotantes y una amplia gama de indicadores de retroalimentación como snackbars y medidores de progreso. Además, proporciona plantillas de diseño, configuración de tipografía y sistemas de animación para gestionar transiciones de vista y retroalimentación interactiva.

    Provides predefined structural arrangements for common interface elements like lists and state-based views.

    Javaandroidandroid-uistyles
    Ver en GitHub↗5,075
  • pixelkit/pixelkit-bootstrap-ui-kitsAvatar de Pixelkit

    Pixelkit/PixelKit-Bootstrap-UI-Kits

    4,906Ver en GitHub↗

    PixelKit-Bootstrap-UI-Kits es un kit de UI de Bootstrap y librería de componentes frontend. Proporciona una colección de layouts web responsivos pre-tematizados y elementos de interfaz reutilizables diseñados para construir estructuras de sitios web funcionales con un estilo consistente. El proyecto permite la creación rápida de prototipos frontend y la implementación de componentes de UI personalizados, como barras de navegación y botones. Proporciona estructuras de página web prediseñadas que utilizan un sistema de rejilla mobile-first para asegurar que los layouts se adapten a diferentes tamaños de pantalla. La librería cubre el diseño web responsivo y el desarrollo de sitios web con Bootstrap mediante el uso de un sistema de rejilla y utilidades predefinido. Emplea sobrescrituras de tema basadas en CSS y patrones de estilo utility-first para gestionar ajustes de layout y espaciado.

    Ships reusable HTML structures and semantic containers to organize page layouts and content.

    JavaScript
    Ver en GitHub↗4,906
  • ralfbiedert/cheats.rsAvatar de ralfbiedert

    ralfbiedert/cheats.rs

    4,539Ver en GitHub↗

    cheats.rs es una referencia de sintaxis de Rust y un recurso de documentación técnica proporcionado como sitio estático. Sirve como una colección curada de ejemplos y patrones diseñados para ayudar en el aprendizaje del lenguaje Rust. El proyecto cubre una amplia gama de construcciones del lenguaje, incluyendo la gestión de memoria, el uso de genéricos y la implementación de lógica asíncrona. Proporciona orientación sobre la definición de estructuras de datos, la gestión de referencias de memoria y la organización de módulos de código. La cobertura adicional incluye patrones para el flujo de control, coincidencia de patrones (pattern matching) y el uso de macros, así como instrucciones para realizar operaciones inseguras (unsafe) y mantener la estabilidad de la API.

    Separates structural design from content by injecting data into reusable HTML templates during the build.

    Rustcheatsheetlanguagerust
    Ver en GitHub↗4,539
  • linkedin/hopscotchAvatar de linkedin

    linkedin/hopscotch

    4,173Ver en GitHub↗

    Hopscotch es una librería y framework de JavaScript para crear tours de productos interactivos y guías de onboarding de usuarios. Sirve como una herramienta para construir recorridos instructivos paso a paso que resaltan elementos específicos de la página y muestran tooltips contextuales para ayudar a los usuarios a navegar por las interfaces de aplicaciones web. La librería funciona como un orquestador de tooltips que ancla burbujas instructivas a elementos HTML calculando su posición dentro del viewport del navegador. Admite la creación de tours con marca propia mediante el uso de hojas de estilo personalizadas y plantillas de marcado para la personalización visual. El framework incluye capacidades para la gestión de secuencias e integración de eventos, permitiendo a los desarrolladores activar callbacks de JavaScript personalizados durante las transiciones del tour para sincronizar la guía con los cambios de estado de la aplicación.

    Renders the internal HTML of bubbles using markup templates to separate instructional content from core logic.

    JavaScript
    Ver en GitHub↗4,173
  • prazzon/flexbox-labsAvatar de prazzon

    prazzon/Flexbox-Labs

    3,950Ver en GitHub↗

    Flexbox-Labs is a set of interactive tools for visually designing web layouts and translating those configurations into HTML and CSS code. It functions as a visual CSS playground and layout builder for experimenting with alignment and spacing in real time. The project provides dedicated generators for both CSS Flexbox and CSS Grid, allowing for the visual definition of templates, containers, and individual layout elements. It includes capabilities for prototyping structural web designs and managing reusable design patterns by saving custom configurations to a database. The toolset automates

    Provides pre-defined spatial patterns to save and load custom layout configurations.

    TypeScriptframer-motionreactsass
    Ver en GitHub↗3,950
  • cheggaaa/pbAvatar de cheggaaa

    cheggaaa/pb

    3,721Ver en GitHub↗

    pb is a Go progress bar library and terminal UI component used to track and display the completion status of long-running tasks. It functions as an IO progress tracker by wrapping reader and writer operations to automatically update visual indicators as data flows through a system. The library provides capabilities for rendering progress bars, completion percentages, and processing speeds within a console interface. It includes a system for customizing the visual layout, metadata templates, and color schemes of these status indicators. The project covers IO stream monitoring and terminal-bas

    Provides a template system for customizing the visual arrangement and metadata of progress indicators.

    Gogoprogress-barterminal
    Ver en GitHub↗3,721
  • awalgarg/cv-makerAvatar de awalgarg

    awalgarg/cv-maker

    999Ver en GitHub↗

    This project is a web-based document formatting tool designed to generate professional resumes from structured markdown files. It functions as a static site utility that allows users to manage their professional profiles through plain text, ensuring content remains portable and compatible with version control systems. The tool distinguishes itself by performing all document rendering and data processing entirely within the browser. By utilizing a component-driven layout engine, it transforms markdown input into formatted documents in real time without the need for a backend server. Users can

    Maps structured markdown data to visual document sections using a component-driven layout engine.

    JavaScriptcurriculum-vitaemarkdowntemplating
    Ver en GitHub↗999
  1. Home
  2. User Interface & Experience
  3. Layout Management
  4. Component Layout Containers
  5. Layout Templates

Explorar subetiquetas

  • Data-Driven LayoutsTemplates that position visual elements based on the structure and type of input data. **Distinct from Layout Templates:** Focuses on mapping data structures to coordinates for charts, whereas the parent covers general spatial patterns for UI components.
  • HTML Structure Templates1 sub-etiquetaReusable HTML structures used to separate content from visual presentation in web pages. **Distinct from Layout Templates:** Focuses on the semantic HTML wrapping of content rather than spatial layout patterns or professional role-based layouts.
  • TerminalTemplates for arranging text and visual elements within a command-line interface. **Distinct from Layout Templates:** Specific to terminal output formatting rather than general spatial UI components or web layouts