19 dépôts
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.