19 रिपॉजिटरी
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.
This project is an LLM HTML artifact generator and sandboxed previewer designed for rapid prototyping and content creation. It functions as a local AI agent bridge that reuses authenticated sessions from command-line coding agents to execute generation tasks without requiring separate API keys. The system converts web layouts into platform-specific formats via a social media export tool, utilizing inlined CSS and metadata to ensure consistent publishing. It employs a sandboxed rendering environment to execute AI-generated code and scripts in isolation, protecting the host browser from poisoni
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.
यह प्रोजेक्ट Typora एडिटर के लिए एक CSS थीम है जिसे LaTeX टाइपसेटिंग मानकों की नकल करने के लिए डिज़ाइन किया गया है। यह एक शैक्षणिक दस्तावेज़ टाइपसेटर के रूप में कार्य करता है जो Markdown प्रीव्यू को विश्वविद्यालय-शैली के पेपर और रिपोर्ट के लिए उपयुक्त औपचारिक लेआउट में बदल देता है। इस थीम में चीनी शैक्षणिक मानकों के अनुरूप लोकलाइज़्ड टाइपसेटिंग शैलियाँ शामिल हैं, जो पेशेवर कवर पेज, एब्सट्रैक्ट और कीवर्ड सेक्शन बनाने के लिए विशिष्ट फ़ॉन्ट और HTML टेम्प्लेट प्रदान करती हैं। यह सिस्टम CSS वेरिएबल्स और ओवरराइड लेयर्स के माध्यम से दस्तावेज़ टाइपोग्राफी, पेज मार्जिन और मल्टी-लेवल लिस्ट स्टाइलिंग को मैनेज करता है। यह Markdown से PDF एक्सपोर्ट के दौरान एक नियंत्रित लेआउट सुनिश्चित करने के लिए प्रिंट-विशिष्ट मीडिया क्वेरीज़ का उपयोग करता है, जिसमें प्रिंट-रेडी दस्तावेज़ों के लिए हाइपरलिंक दृश्यता को फ़ॉर्मेट करने के विकल्प भी शामिल हैं।
Inserts pre-defined HTML structures to simulate academic title pages and abstracts.
ngx-bootstrap is a set of Bootstrap-styled UI widgets and components built specifically for the Angular framework. It provides a library of reusable interface elements designed to work with the Angular Ivy compilation and rendering engine. The library enables the integration of Bootstrap components into Angular applications to create responsive user interfaces without requiring manual CSS or JavaScript. It replaces the need for jQuery by using Angular directives for state management and an adaptive positioning engine for floating elements. The component set covers a wide range of interactive
Exposes content slots via ng-template to allow custom internal HTML structure for complex widgets.
This project is a technical documentation website and static site generator designed to serve as a centralized hub for API references, guides, and tutorials. It functions as a markdown-based content management system that separates technical writing from the presentation layer. The site utilizes a file-system routed architecture, mapping the physical directory and file structure of the source code directly to the public URL paths. This approach enables the transformation of markdown files and templates into pre-rendered HTML for web delivery. The system encompasses capabilities for technical
Uses reusable HTML structure templates to wrap content blocks and maintain consistent navigation and branding.
BulletinBoard is a SwiftUI component library and interface framework for iOS. It provides a set of reusable elements designed to render interactive, accessible information cards at the bottom of a screen to guide users through onboarding and configuration tasks. The framework functions as an onboarding UI kit, offering pre-defined card templates and the ability to create custom layout structures. These components are built with integrated accessibility support to ensure that interface updates and interaction states are announced to screen readers and assistive controllers. The library covers
Uses predefined structural templates to generate specialized card layouts.
Clip टेक्स्ट विवरण से इमेज-आधारित चार्ट और आरेख उत्पन्न करने के लिए डिज़ाइन किया गया एक कमांड-लाइन डेटा विज़ुअलाइज़ेशन टूल है। यह एक चार्ट जनरेटर के रूप में कार्य करता है जो ग्राफिकल यूजर इंटरफेस के उपयोग के बिना लिखित डेटा और वर्णनात्मक पैटर्न को विजुअल फॉर्मेट में परिवर्तित करता है। टूल स्केलेबल वेक्टर ग्राफिक्स तैयार करने में माहिर है, जो टेक्स्ट-टू-चार्ट ट्रांसफॉर्मेशन को XML-आधारित वेक्टर पथों में अनुवादित करता है। यह दृष्टिकोण विशेष रूप से डेवलपर दस्तावेज़ीकरण के लिए उपयुक्त तकनीकी चित्रण और आरेखों के स्वचालित निर्माण की अनुमति देता है। सिस्टम चार्ट तत्वों को स्थितिबद्ध करने और डेटा संरचनाओं को ज्यामितीय आकृतियों और विजुअल निर्देशांकों में मैप करने के लिए एक टेम्पलेट-संचालित लेआउट इंजन का उपयोग करता है।
Employs a template-driven layout engine to position chart elements based on input data types.
XUI एक नेटिव Android UI फ्रेमवर्क और कंपोनेंट लाइब्रेरी है जिसे एप्लिकेशन इंटरफेस बनाने के लिए डिज़ाइन किया गया है। यह नेटिव लेआउट्स, इनपुट फील्ड्स और नेविगेशन एलिमेंट्स का एक व्यापक सूट प्रदान करता है, जो वैश्विक विजुअल विशेषताओं और रिस्पॉन्सिव स्टाइल्स को परिभाषित करने के लिए एक टियर्ड थीम मैनेजमेंट सिस्टम द्वारा समर्थित है। यह फ्रेमवर्क कस्टम व्यूज़ और इंटरैक्शन टूलकिट्स के एक विशेष सेट के माध्यम से खुद को अलग करता है, जिसमें हाई-परफॉरमेंस कैलेंडर, डेटा विज़ुअलाइज़ेशन रेंडरिंग और एकीकृत टाइमर्स और विजुअल इफेक्ट्स के साथ विभिन्न स्टाइलाइज्ड बटन्स शामिल हैं। इसमें बारकोड और QR कोड स्कैनिंग, कस्टम QR जनरेशन और इमेज क्रॉपिंग इंटरफेस जैसी एकीकृत मीडिया प्रोसेसिंग क्षमताएं भी शामिल हैं। यह प्रोजेक्ट UI और UX क्षमताओं के एक व्यापक क्षेत्र को कवर करता है, जिसमें विविध डेटा एंट्री कंपोनेंट्स, फ्लोटिंग विंडो प्रिमिटिव्स और स्नैकबार्स और प्रोग्रेस गेज जैसे फीडबैक इंडिकेटर्स की एक विस्तृत श्रृंखला शामिल है। यह व्यू ट्रांज़िशन और इंटरैक्टिव फीडबैक को मैनेज करने के लिए लेआउट टेम्प्लेटिंग, टाइपोग्राफी कॉन्फ़िगरेशन और एनीमेशन सिस्टम भी प्रदान करता है।
Provides predefined structural arrangements for common interface elements like lists and state-based views.
PixelKit-Bootstrap-UI-Kits एक Bootstrap UI किट और फ्रंटएंड कंपोनेंट लाइब्रेरी है। यह सुसंगत स्टाइलिंग के साथ कार्यात्मक वेबसाइट संरचनाओं के निर्माण के लिए डिज़ाइन किए गए प्री-थीम वाले रिस्पॉन्सिव वेब लेआउट और पुन: प्रयोज्य इंटरफ़ेस तत्वों का एक संग्रह प्रदान करती है। यह प्रोजेक्ट रैपिड फ्रंटएंड प्रोटोटाइपिंग और कस्टम UI कंपोनेंट्स, जैसे नेविगेशन बार और बटन्स के कार्यान्वयन को सक्षम बनाता है। यह मोबाइल-फर्स्ट ग्रिड सिस्टम का उपयोग करने वाले प्री-डिज़ाइन किए गए वेबपेज स्ट्रक्चर प्रदान करता है। लाइब्रेरी रिस्पॉन्सिव वेब डिज़ाइन और Bootstrap वेबसाइट डेवलपमेंट को कवर करती है। यह लेआउट और स्पेसिंग समायोजन को प्रबंधित करने के लिए CSS-आधारित थीम ओवरराइड्स और यूटिलिटी-फर्स्ट स्टाइलिंग पैटर्न का उपयोग करती है।
Ships reusable HTML structures and semantic containers to organize page layouts and content.
cheats.rs is a Rust syntax reference and technical documentation resource provided as a static site. It serves as a curated collection of examples and patterns designed to assist with Rust language learning. The project covers a wide range of language constructs, including memory management, the use of generics, and the implementation of asynchronous logic. It provides guidance on defining data structures, managing memory references, and organizing code modules. Additional coverage includes patterns for control flow, pattern matching, and the use of macros, as well as instructions for perfor
Separates structural design from content by injecting data into reusable HTML templates during the build.
Hopscotch is a JavaScript library and framework for creating interactive product tours and user onboarding guides. It serves as a tool for building step-by-step instructional walkthroughs that highlight specific page elements and display contextual tooltips to help users navigate web application interfaces. The library functions as a tooltip orchestrator that anchors instructional bubbles to HTML elements by calculating their position within the browser viewport. It supports the creation of branded tours through the use of custom stylesheets and markup templates for visual customization. The
Renders the internal HTML of bubbles using markup templates to separate instructional content from core logic.
Flexbox-Labs वेब लेआउट्स को विजुअली डिज़ाइन करने और उन कॉन्फ़िगरेशन को HTML और CSS कोड में बदलने के लिए इंटरैक्टिव टूल्स का एक सेट है। यह रियल-टाइम में अलाइनमेंट और स्पेसिंग के साथ प्रयोग करने के लिए एक विजुअल CSS प्लेग्राउंड और लेआउट बिल्डर के रूप में काम करता है। यह प्रोजेक्ट CSS Flexbox और CSS Grid दोनों के लिए समर्पित जनरेटर प्रदान करता है, जो टेम्प्लेट, कंटेनर और व्यक्तिगत लेआउट एलिमेंट्स की विजुअल डेफिनिशन की अनुमति देते हैं। इसमें स्ट्रक्चरल वेब डिज़ाइन की प्रोटोटाइपिंग और कस्टम कॉन्फ़िगरेशन को डेटाबेस में सेव करके दोबारा इस्तेमाल होने वाले डिज़ाइन पैटर्न को मैनेज करने की क्षमताएं शामिल हैं। यह टूलसेट विजुअल स्टेट्स को कोड एक्सपोर्ट सिस्टम के जरिए इम्प्लीमेंटेशन-रेडी मार्कअप और स्टाइलिंग में बदलने की प्रक्रिया को ऑटोमेट करता है। यह प्रोसेस जटिल, मल्टी-लेवल लेआउट्स के निर्माण और रिकर्सिव कंपोनेंट पदानुक्रमों (hierarchies) के प्रबंधन का समर्थन करता है।
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.