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

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetServeur MCPÀ proposNotre méthodologiePresse
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

19 dépôts

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

Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
  • meliorence/react-native-snap-carouselAvatar de meliorence

    meliorence/react-native-snap-carousel

    10,519Voir sur 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
    Voir sur GitHub↗10,519
  • freddier/hyperblogAvatar de freddier

    freddier/hyperblog

    8,812Voir sur 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
    Voir sur GitHub↗8,812
  • bestony/logolyAvatar de bestony

    bestony/logoly

    7,933Voir sur 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
    Voir sur GitHub↗7,933
  • ikuaitu/vue-fabric-editorAvatar de ikuaitu

    ikuaitu/vue-fabric-editor

    7,892Voir sur 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
    Voir sur GitHub↗7,892
  • nexu-io/html-anythingAvatar de nexu-io

    nexu-io/html-anything

    7,275Voir sur GitHub↗

    Ce projet est un générateur d'artefacts HTML LLM et un prévisualiseur sandboxé conçu pour le prototypage rapide et la création de contenu. Il fonctionne comme un pont d'agent IA local qui réutilise les sessions authentifiées des agents de codage en ligne de commande pour exécuter des tâches de génération sans nécessiter de clés d'API distinctes. Le système convertit les mises en page web en formats spécifiques à la plateforme via un outil d'exportation vers les réseaux sociaux, utilisant du CSS en ligne et des métadonnées pour assurer une publication cohérente. Il emploie un environnement de rendu sandboxé pour exécuter le code et les scripts générés par IA en isolation, protégeant le navigateur hôte contre l'empoisonnement. La plateforme gère la transformation de contenu en convertissant des données structurées — incluant CSV, JSON et SQL — en artefacts web soignés tels que des pages de destination, des rapports professionnels et des jeux de diapositives de présentation. Elle prend en charge les mises à jour visuelles en temps réel en diffusant le code généré par IA dans le navigateur via des événements envoyés par le serveur. Les capacités d'exportation incluent la conversion des nœuds web rendus en images PNG haute résolution et en fichiers HTML autonomes.

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

    HTML
    Voir sur GitHub↗7,275
  • blackrockdigital/startbootstrapAvatar de BlackrockDigital

    BlackrockDigital/startbootstrap

    7,160Voir sur 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
    Voir sur GitHub↗7,160
  • matze/mthemeAvatar de matze

    matze/mtheme

    6,835Voir sur 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
    Voir sur GitHub↗6,835
  • keldos-li/typora-latex-themeAvatar de Keldos-Li

    Keldos-Li/typora-latex-theme

    5,872Voir sur GitHub↗

    Ce projet est un thème CSS pour l'éditeur Typora conçu pour émuler les standards de composition LaTeX. Il fonctionne comme un outil de mise en page académique qui transforme les aperçus Markdown en mises en page formelles adaptées aux documents et rapports universitaires. Le thème inclut des styles de composition localisés adaptés aux standards académiques chinois, fournissant des polices spécifiques et des modèles HTML pour générer des pages de garde, des résumés et des sections de mots-clés professionnels. Le système gère la typographie des documents, les marges de page et le style des listes multiniveaux via des variables CSS et des couches de surcharge. Il utilise des media queries spécifiques à l'impression pour assurer une mise en page contrôlée lors de l'exportation de Markdown vers PDF, incluant des options pour formater la visibilité des hyperliens pour les documents prêts à imprimer.

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

    SCSSlatextyporatypora-theme
    Voir sur GitHub↗5,872
  • valor-software/ngx-bootstrapAvatar de valor-software

    valor-software/ngx-bootstrap

    5,519Voir sur GitHub↗

    ngx-bootstrap est un ensemble de widgets et de composants d'interface utilisateur stylisés Bootstrap conçus spécifiquement pour le framework Angular. Il fournit une bibliothèque d'éléments d'interface réutilisables conçus pour fonctionner avec le moteur de compilation et de rendu Angular Ivy. La bibliothèque permet l'intégration de composants Bootstrap dans des applications Angular pour créer des interfaces utilisateur réactives sans nécessiter de CSS ou de JavaScript manuel. Elle remplace le besoin de jQuery en utilisant des directives Angular pour la gestion d'état et un moteur de positionnement adaptatif pour les éléments flottants. L'ensemble de composants couvre un large éventail d'éléments interactifs, notamment des contrôles de navigation comme les onglets et la pagination, des fenêtres de superposition comme les modales et les popovers, et des outils de saisie de données comme les sélecteurs de date et d'heure. Il inclut également des widgets de mise en page et de feedback tels que des accordéons, des barres de progression et des alertes.

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

    TypeScriptangularbootstrapcarousel
    Voir sur GitHub↗5,519
  • expressjs/expressjs.comAvatar de expressjs

    expressjs/expressjs.com

    5,355Voir sur GitHub↗

    Ce projet est un site web de documentation technique et un générateur de site statique conçu pour servir de hub centralisé pour les références API, les guides et les tutoriels. Il fonctionne comme un système de gestion de contenu basé sur le markdown qui sépare la rédaction technique de la couche de présentation. Le site utilise une architecture routée par le système de fichiers, mappant la structure physique des répertoires et fichiers du code source directement aux chemins URL publics. Cette approche permet la transformation des fichiers markdown et des templates en HTML pré-rendu pour la diffusion web. Le système englobe des capacités d'hébergement de documentation technique et de communication de projets open source, utilisant des mises en page basées sur des templates et un pipeline d'assets pour organiser la documentation du projet et optimiser l'expérience développeur.

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

    MDXexpressexpressjsjavascript
    Voir sur GitHub↗5,355
  • alexaubry/bulletinboardAvatar de alexaubry

    alexaubry/BulletinBoard

    5,348Voir sur GitHub↗

    BulletinBoard est une bibliothèque de composants SwiftUI et un framework d'interface pour iOS. Il fournit un ensemble d'éléments réutilisables conçus pour rendre des cartes d'information interactives et accessibles au bas de l'écran pour guider les utilisateurs à travers les tâches d'onboarding et de configuration. Le framework fonctionne comme un kit UI d'onboarding, offrant des templates de cartes prédéfinis et la capacité de créer des structures de mise en page personnalisées. Ces composants sont construits avec un support d'accessibilité intégré pour s'assurer que les mises à jour de l'interface et les états d'interaction sont annoncés aux lecteurs d'écran et aux contrôleurs d'assistance. La bibliothèque couvre des capacités de haut niveau incluant le design UI contextuel et l'intégration de l'accessibilité iOS, permettant le développement de vues de cartes spécialisées qui maintiennent une navigation inclusive.

    Uses predefined structural templates to generate specialized card layouts.

    Swift
    Voir sur GitHub↗5,348
  • asmuth/clipAvatar de asmuth

    asmuth/clip

    5,148Voir sur GitHub↗

    Clip est un outil de visualisation de données en ligne de commande conçu pour générer des graphiques et diagrammes basés sur des images à partir de descriptions textuelles. Il fonctionne comme un générateur de graphiques qui convertit des données écrites et des motifs descriptifs en formats visuels sans l'utilisation d'une interface utilisateur graphique. L'outil se spécialise dans la production de graphiques vectoriels scalables (SVG), traduisant les transformations texte-vers-graphique en chemins vectoriels basés sur XML. Cette approche permet la création automatisée d'illustrations techniques et de diagrammes spécifiquement adaptés à la documentation développeur. Le système emploie un moteur de mise en page piloté par template pour positionner les éléments du graphique et mapper les structures de données en formes géométriques et coordonnées visuelles.

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

    C++chartchartscpp17
    Voir sur GitHub↗5,148
  • xuexiangjys/xuiAvatar de xuexiangjys

    xuexiangjys/XUI

    5,075Voir sur GitHub↗

    XUI est un framework d'interface utilisateur Android natif et une bibliothèque de composants conçue pour construire des interfaces d'application. Il fournit une suite complète de layouts natifs, de champs de saisie et d'éléments de navigation, supportés par un système de gestion de thèmes à plusieurs niveaux pour définir des attributs visuels globaux et des styles responsifs. Le framework se distingue par un ensemble spécialisé de vues personnalisées et de toolkits d'interaction, incluant des calendriers haute performance, le rendu de visualisation de données et une variété de boutons stylisés avec des minuteurs intégrés et des effets visuels. Il inclut également des capacités de traitement multimédia intégrées telles que le scan de codes-barres et QR, la génération de QR personnalisés et une interface de recadrage d'image. Le projet couvre une large surface de capacités UI et UX, incluant divers composants de saisie de données, des primitives de fenêtres flottantes et un large éventail d'indicateurs de feedback comme les snackbars et les jauges de progression. Il fournit en outre le templating de layout, la configuration typographique et des systèmes d'animation pour gérer les transitions de vues et le feedback interactif.

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

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

    Pixelkit/PixelKit-Bootstrap-UI-Kits

    4,906Voir sur GitHub↗

    PixelKit-Bootstrap-UI-Kits est un kit d'interface utilisateur Bootstrap et une bibliothèque de composants frontend. Il fournit une collection de mises en page web responsives pré-thématisées et d'éléments d'interface réutilisables conçus pour construire des structures de site web fonctionnelles avec un style cohérent. Le projet permet un prototypage frontend rapide et l'implémentation de composants UI personnalisés, tels que des barres de navigation et des boutons. Il fournit des structures de page web pré-conçues qui utilisent un système de grille mobile-first pour garantir que les mises en page s'adaptent aux différentes tailles d'écran. La bibliothèque couvre la conception web responsive et le développement de sites web Bootstrap via l'utilisation d'une grille et d'un système utilitaire prédéfinis. Elle emploie des remplacements de thème basés sur CSS et des modèles de style utilitaires pour gérer les ajustements de mise en page et d'espacement.

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

    JavaScript
    Voir sur GitHub↗4,906
  • ralfbiedert/cheats.rsAvatar de ralfbiedert

    ralfbiedert/cheats.rs

    4,539Voir sur GitHub↗

    cheats.rs est une référence de syntaxe Rust et une ressource de documentation technique fournie sous forme de site statique. Il sert de collection organisée d'exemples et de modèles conçus pour aider à l'apprentissage du langage Rust. Le projet couvre un large éventail de constructions linguistiques, incluant la gestion de la mémoire, l'utilisation des génériques et l'implémentation de logique asynchrone. Il fournit des conseils sur la définition de structures de données, la gestion des références mémoire et l'organisation des modules de code. Une couverture supplémentaire inclut des modèles pour le flux de contrôle, le pattern matching et l'utilisation de macros, ainsi que des instructions pour effectuer des opérations non sécurisées (unsafe) et maintenir la stabilité de l'API.

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

    Rustcheatsheetlanguagerust
    Voir sur GitHub↗4,539
  • linkedin/hopscotchAvatar de linkedin

    linkedin/hopscotch

    4,173Voir sur GitHub↗

    Hopscotch est une bibliothèque et un framework JavaScript pour créer des visites guidées de produits interactives et des guides d'intégration utilisateur. Il sert d'outil pour construire des tutoriels étape par étape qui mettent en évidence des éléments de page spécifiques et affichent des infobulles contextuelles pour aider les utilisateurs à naviguer dans les interfaces d'applications web. La bibliothèque fonctionne comme un orchestrateur d'infobulles qui ancre les bulles pédagogiques aux éléments HTML en calculant leur position dans la fenêtre du navigateur. Elle prend en charge la création de visites personnalisées grâce à l'utilisation de feuilles de style et de modèles de balisage personnalisés pour la personnalisation visuelle. Le framework inclut des capacités pour la gestion de séquences et l'intégration d'événements, permettant aux développeurs de déclencher des rappels JavaScript personnalisés lors des transitions de visite pour synchroniser le guide avec les changements d'état de l'application.

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

    JavaScript
    Voir sur GitHub↗4,173
  • prazzon/flexbox-labsAvatar de prazzon

    prazzon/Flexbox-Labs

    3,950Voir sur GitHub↗

    Flexbox-Labs est un ensemble d'outils interactifs pour concevoir visuellement des mises en page web et traduire ces configurations en code HTML et CSS. Il fonctionne comme un terrain de jeu CSS visuel et un constructeur de mise en page pour expérimenter l'alignement et l'espacement en temps réel. Le projet fournit des générateurs dédiés pour CSS Flexbox et CSS Grid, permettant la définition visuelle de modèles, de conteneurs et d'éléments de mise en page individuels. Il inclut des capacités pour le prototypage de conceptions web structurelles et la gestion de modèles de conception réutilisables en enregistrant des configurations personnalisées dans une base de données. L'ensemble d'outils automatise la traduction des états visuels en balisage et style prêts à l'emploi via un système d'exportation de code. Ce processus prend en charge la création de mises en page complexes à plusieurs niveaux et la gestion de hiérarchies de composants récursives.

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

    TypeScriptframer-motionreactsass
    Voir sur GitHub↗3,950
  • cheggaaa/pbAvatar de cheggaaa

    cheggaaa/pb

    3,721Voir sur 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
    Voir sur GitHub↗3,721
  • awalgarg/cv-makerAvatar de awalgarg

    awalgarg/cv-maker

    999Voir sur 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
    Voir sur GitHub↗999
  1. Home
  2. User Interface & Experience
  3. Layout Management
  4. Component Layout Containers
  5. Layout Templates

Explorer les sous-tags

  • 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 sous-tagReusable 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