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
·

19 repository-uri

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

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • meliorence/react-native-snap-carouselAvatar meliorence

    meliorence/react-native-snap-carousel

    10,519Vezi pe 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
    Vezi pe GitHub↗10,519
  • freddier/hyperblogAvatar freddier

    freddier/hyperblog

    8,812Vezi pe 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
    Vezi pe GitHub↗8,812
  • bestony/logolyAvatar bestony

    bestony/logoly

    7,933Vezi pe 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
    Vezi pe GitHub↗7,933
  • ikuaitu/vue-fabric-editorAvatar ikuaitu

    ikuaitu/vue-fabric-editor

    7,892Vezi pe 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
    Vezi pe GitHub↗7,892
  • nexu-io/html-anythingAvatar nexu-io

    nexu-io/html-anything

    7,275Vezi pe GitHub↗

    Acest proiect este un generator de artefacte HTML LLM și un previewer sandbox conceput pentru prototipare rapidă și creare de conținut. Acesta funcționează ca un bridge de agent AI local care reutilizează sesiunile autentificate de la agenții de codare din linia de comandă pentru a executa sarcini de generare fără a necesita chei API separate. Sistemul convertește layout-urile web în formate specifice platformei prin intermediul unui instrument de export pentru rețelele sociale, utilizând CSS inline și metadate pentru a asigura o publicare consistentă. Utilizează un mediu de randare sandbox pentru a executa codul și scripturile generate de AI în izolare, protejând browserul gazdă de otrăvire. Platforma gestionează transformarea conținutului prin convertirea datelor structurate — inclusiv CSV, JSON și SQL — în artefacte web finisate, cum ar fi pagini de destinație, rapoarte profesionale și pachete de prezentare. Suportă actualizări vizuale în timp real prin streaming-ul codului generat de AI în browser prin evenimente trimise de server. Capabilitățile de export includ conversia nodurilor web randate în imagini PNG de înaltă rezoluție și fișiere HTML independente.

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

    HTML
    Vezi pe GitHub↗7,275
  • blackrockdigital/startbootstrapAvatar BlackrockDigital

    BlackrockDigital/startbootstrap

    7,160Vezi pe 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
    Vezi pe GitHub↗7,160
  • matze/mthemeAvatar matze

    matze/mtheme

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

    Keldos-Li/typora-latex-theme

    5,872Vezi pe GitHub↗

    Acest proiect este o temă CSS pentru editorul Typora, concepută pentru a emula standardele de tipărire LaTeX. Funcționează ca un instrument de tehnoredactare academică ce transformă previzualizările Markdown în layout-uri formale, potrivite pentru lucrări și rapoarte universitare. Tema include stiluri de tipărire localizate, adaptate standardelor academice chineze, oferind fonturi specifice și template-uri HTML pentru generarea de pagini de titlu profesionale, rezumate și secțiuni de cuvinte cheie. Sistemul gestionează tipografia documentului, marginile paginii și stilizarea listelor pe mai multe niveluri prin variabile CSS și straturi de override. Utilizează media queries specifice pentru print, pentru a asigura un layout controlat în timpul exportului din Markdown în PDF, incluzând opțiuni pentru formatarea vizibilității hyperlink-urilor în documentele pregătite pentru tipar.

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

    SCSSlatextyporatypora-theme
    Vezi pe GitHub↗5,872
  • valor-software/ngx-bootstrapAvatar valor-software

    valor-software/ngx-bootstrap

    5,519Vezi pe GitHub↗

    ngx-bootstrap este un set de widget-uri și componente UI stilizate Bootstrap, construite special pentru framework-ul Angular. Oferă o bibliotecă de elemente de interfață reutilizabile concepute pentru a funcționa cu motorul de compilare și randare Angular Ivy. Biblioteca permite integrarea componentelor Bootstrap în aplicațiile Angular pentru a crea interfețe utilizator responsive fără a necesita CSS sau JavaScript manual. Înlocuiește nevoia de jQuery prin utilizarea directivelor Angular pentru gestionarea stării și a unui motor de poziționare adaptiv pentru elementele flotante. Setul de componente acoperă o gamă largă de elemente interactive, inclusiv controale de navigare precum tab-uri și paginare, ferestre overlay precum modale și popover-uri, și instrumente de input de date precum selectoare de dată și oră. Include, de asemenea, widget-uri de layout și feedback precum acordeoane, bare de progres și alerte.

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

    TypeScriptangularbootstrapcarousel
    Vezi pe GitHub↗5,519
  • expressjs/expressjs.comAvatar expressjs

    expressjs/expressjs.com

    5,355Vezi pe GitHub↗

    Acest proiect este un site web de documentație tehnică și un generator de site-uri statice conceput pentru a servi drept hub centralizat pentru referințe API, ghiduri și tutoriale. Funcționează ca un sistem de gestionare a conținutului bazat pe markdown care separă scrierea tehnică de stratul de prezentare. Site-ul utilizează o arhitectură bazată pe rutarea sistemului de fișiere, mapând structura fizică a directoarelor și fișierelor din codul sursă direct la căile URL publice. Această abordare permite transformarea fișierelor markdown și a template-urilor în HTML pre-randat pentru livrarea pe web. Sistemul cuprinde capabilități pentru găzduirea documentației tehnice și comunicarea proiectelor open source, utilizând layout-uri bazate pe template-uri și un pipeline de active pentru a organiza documentația proiectului și a optimiza experiența dezvoltatorului.

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

    MDXexpressexpressjsjavascript
    Vezi pe GitHub↗5,355
  • alexaubry/bulletinboardAvatar alexaubry

    alexaubry/BulletinBoard

    5,348Vezi pe GitHub↗

    BulletinBoard este o bibliotecă de componente SwiftUI și un framework de interfață pentru iOS. Oferă un set de elemente reutilizabile concepute pentru a randa carduri de informații interactive și accesibile în partea de jos a ecranului, pentru a ghida utilizatorii prin sarcinile de onboarding și configurare. Framework-ul funcționează ca un kit UI pentru onboarding, oferind template-uri de carduri predefinite și capacitatea de a crea structuri de layout personalizate. Aceste componente sunt construite cu suport integrat pentru accesibilitate, pentru a se asigura că actualizările interfeței și stările de interacțiune sunt anunțate cititoarelor de ecran și controlerelor asistive. Biblioteca acoperă capabilități de nivel înalt, inclusiv design UI contextual și integrare cu accesibilitatea iOS, permițând dezvoltarea de vizualizări de carduri specializate care mențin o navigare incluzivă.

    Uses predefined structural templates to generate specialized card layouts.

    Swift
    Vezi pe GitHub↗5,348
  • asmuth/clipAvatar asmuth

    asmuth/clip

    5,148Vezi pe GitHub↗

    Clip este un instrument de vizualizare a datelor în linie de comandă conceput pentru a genera diagrame și grafice bazate pe imagini din descrieri text. Funcționează ca un generator de grafice care convertește datele scrise și modelele descriptive în formate vizuale fără utilizarea unei interfețe grafice. Instrumentul se specializează în producerea de grafică vectorială scalabilă (SVG), traducând transformările text-to-chart în căi vectoriale bazate pe XML. Această abordare permite crearea automată de ilustrații tehnice și diagrame potrivite special pentru documentația dezvoltatorilor. Sistemul folosește un motor de layout bazat pe template-uri pentru a poziționa elementele graficului și a mapa structurile de date în forme geometrice și coordonate vizuale.

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

    C++chartchartscpp17
    Vezi pe GitHub↗5,148
  • xuexiangjys/xuiAvatar xuexiangjys

    xuexiangjys/XUI

    5,075Vezi pe GitHub↗

    XUI este un framework UI nativ pentru Android și o bibliotecă de componente concepută pentru construirea interfețelor de aplicații. Oferă o suită cuprinzătoare de layout-uri native, câmpuri de introducere și elemente de navigare, susținute de un sistem de gestionare a temelor pe niveluri pentru definirea atributelor vizuale globale și a stilurilor responsive. Framework-ul se distinge printr-un set specializat de view-uri personalizate și seturi de instrumente de interacțiune, inclusiv calendare de înaltă performanță, randarea vizualizării datelor și o varietate de butoane stilizate cu cronometre integrate și efecte vizuale. Include, de asemenea, capabilități integrate de procesare media, cum ar fi scanarea codurilor de bare și QR, generarea de QR-uri personalizate și o interfață de decupare a imaginilor. Proiectul acoperă o arie largă de capabilități UI și UX, incluzând diverse componente de introducere a datelor, primitive pentru ferestre flotante și o gamă largă de indicatori de feedback, cum ar fi snackbars și bare de progres. Oferă, de asemenea, șabloane de layout, configurarea tipografiei și sisteme de animație pentru gestionarea tranzițiilor de view-uri și a feedback-ului interactiv.

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

    Javaandroidandroid-uistyles
    Vezi pe GitHub↗5,075
  • pixelkit/pixelkit-bootstrap-ui-kitsAvatar Pixelkit

    Pixelkit/PixelKit-Bootstrap-UI-Kits

    4,906Vezi pe GitHub↗

    PixelKit-Bootstrap-UI-Kits este un kit UI Bootstrap și bibliotecă de componente frontend. Oferă o colecție de layout-uri web responsive pre-tematizate și elemente de interfață reutilizabile concepute pentru construirea structurilor de site-uri web funcționale cu stilizare consistentă. Proiectul permite prototiparea rapidă a frontend-ului și implementarea componentelor UI personalizate, cum ar fi barele de navigare și butoanele. Oferă structuri de pagini web pre-proiectate care utilizează un sistem de grid mobile-first pentru a asigura adaptarea layout-urilor la diferite dimensiuni de ecran. Biblioteca acoperă designul web responsive și dezvoltarea site-urilor web Bootstrap prin utilizarea unui sistem de grid și utilitare predefinit. Utilizează override-uri de temă bazate pe CSS și tipare de stilizare utility-first pentru a gestiona ajustările de layout și spațiere.

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

    JavaScript
    Vezi pe GitHub↗4,906
  • ralfbiedert/cheats.rsAvatar ralfbiedert

    ralfbiedert/cheats.rs

    4,539Vezi pe GitHub↗

    cheats.rs este o resursă de referință pentru sintaxa Rust și documentație tehnică, oferită sub formă de site static. Acesta servește ca o colecție curată de exemple și tipare concepute pentru a asista la învățarea limbajului Rust. Proiectul acoperă o gamă largă de constructe ale limbajului, inclusiv gestionarea memoriei, utilizarea genericelor și implementarea logicii asincrone. Oferă îndrumări privind definirea structurilor de date, gestionarea referințelor de memorie și organizarea modulelor de cod. Acoperirea suplimentară include tipare pentru control flow, pattern matching și utilizarea macro-urilor, precum și instrucțiuni pentru efectuarea operațiilor unsafe și menținerea stabilității API-ului.

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

    Rustcheatsheetlanguagerust
    Vezi pe GitHub↗4,539
  • linkedin/hopscotchAvatar linkedin

    linkedin/hopscotch

    4,173Vezi pe GitHub↗

    Hopscotch este o bibliotecă și un framework JavaScript pentru crearea de tururi interactive de produs și ghiduri de onboarding pentru utilizatori. Servește drept instrument pentru construirea de walkthrough-uri instrucționale pas cu pas care evidențiază elemente specifice ale paginii și afișează tooltips contextuale pentru a ajuta utilizatorii să navigheze în interfețele aplicațiilor web. Biblioteca funcționează ca un orchestrator de tooltips care ancorează bulele instrucționale de elementele HTML prin calcularea poziției lor în viewport-ul browserului. Suportă crearea de tururi branduite prin utilizarea de foi de stil personalizate și template-uri de markup pentru personalizare vizuală. Framework-ul include capabilități pentru gestionarea secvențelor și integrarea evenimentelor, permițând dezvoltatorilor să declanșeze callback-uri JavaScript personalizate în timpul tranzițiilor turului pentru a sincroniza ghidul cu schimbările de stare ale aplicației.

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

    JavaScript
    Vezi pe GitHub↗4,173
  • prazzon/flexbox-labsAvatar prazzon

    prazzon/Flexbox-Labs

    3,950Vezi pe 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
    Vezi pe GitHub↗3,950
  • cheggaaa/pbAvatar cheggaaa

    cheggaaa/pb

    3,721Vezi pe 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
    Vezi pe GitHub↗3,721
  • awalgarg/cv-makerAvatar awalgarg

    awalgarg/cv-maker

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

Explorează sub-etichetele

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