5 Repos
Controls for centering or aligning images within markdown-rendered content.
Distinguishing note: Shortlist candidates cover 3D alignment or rotation correction, not simple CSS/Markdown alignment of 2D images.
Explore 5 awesome GitHub repositories matching user interface & experience · Markdown Image Alignment. Refine with filters or upvote what's useful.
This is a responsive website theme for Hugo, providing a minimalist static site template and markdown blog layout. It is designed to prioritize content readability and search engine optimization through a clean, mobile-friendly interface. The theme distinguishes itself with built-in support for light and dark mode switching and a client-side search integration that allows users to query site content without a backend server. It also includes a comprehensive suite of social integration tools for managing OpenGraph and Twitter Card metadata. The project covers broad capability areas including
Provides the ability to center images within markdown content using specific tags or parameters.
CoreUI Free Bootstrap Admin Template is a pre-built, responsive admin dashboard template built on Bootstrap 5 for constructing back-office interfaces. It provides a library of UI components with native wrappers for React, Vue, and Angular applications, alongside a Sass-based theming system for managing brand colors, dark mode, and design tokens via variables and CSS custom properties. The template includes a set of advanced form controls such as autocomplete, date pickers, and multi-step wizards with built-in validation, and supports switching the entire interface between built-in dark and li
Provides utility classes for positioning images left, right, or center within a block.
WebSlides is an open-source tool for creating HTML presentations, landing pages, and longform articles directly in the browser. It provides a full-screen slide deck system where each section element becomes an individual slide with horizontal and vertical navigation, keyboard shortcuts, touch gestures, and remote presenter support. The project distinguishes itself by offering over 40 pre-built slide components such as covers, cards, quotes, and flexible block grids that can be assembled without writing custom layout code. It includes built-in support for embedding rich media like background i
Positions an image to the left, right, or center of its container using a single CSS class.
QOwnNotes is a desktop note editor that stores each note as a plain-text Markdown file on the local filesystem, avoiding proprietary formats and enabling direct file access. It functions as a Nextcloud Notes client, syncing notes and metadata with Nextcloud or ownCloud servers through a companion API service for versioning and sharing. The application also integrates with AI providers and exposes a local MCP server for external agents to search and fetch notes, and includes a companion browser extension for capturing web content, bookmarks, and screenshots. The editor distinguishes itself thr
Specifies width and height for Markdown images using curly-brace attribute syntax.
Cherry Markdown ist ein webbasierter Markdown-Editor und eine Parsing-Engine, die Markup-Text in bereinigtes HTML mit einer synchronisierten Echtzeit-Vorschau umwandelt. Er fungiert als Rich-Text-Schnittstelle und WYSIWYG-Tool und bietet ein System zur Umwandlung von Markup-Strings in HTML-Dokumente oder portable Formate. Das Projekt zeichnet sich durch High-Performance-Rendering und ein flexibles Erweiterbarkeitsmodell aus. Es verwendet Virtual-DOM-Diffing und partielles Rendering, um die Reaktionsfähigkeit bei großen Dokumenten aufrechtzuerhalten, und ermöglicht die Erstellung benutzerdefinierter Parsing-Regeln und spezialisierter HTML-Komponenten über ein Plugin-System. Die Funktionsoberfläche des Editors umfasst eine umfassende Inhaltsverwaltung für mathematische Formeln, Diagramme und Rich Media sowie fortgeschrittene Eingabesteuerungen wie Multi-Cursor-Editing und Vim-Style-Modus-Navigation. Er bietet zudem einen robusten Dokumenten-Export-Workflow und ein Design-Token-System für tiefgreifende visuelle Anpassungen des Editors und der Vorschau-Bereiche. Das System enthält eine Sicherheitsschicht, die Whitelist-basiertes HTML-Sanitizing verwendet, um Injection-Angriffe zu verhindern.
Supports specifying image width and height using attribute syntax for precise layout control in the preview.