11 Repos
Specialized tools and frameworks focused on managing page layouts and responsive grids.
Explore 11 awesome GitHub repositories matching part of an awesome list · Grid Systems. Refine with filters or upvote what's useful.
Polymer is a custom element framework and web component library used to build reusable, encapsulated custom elements that function as native browser components. It serves as a system for defining public properties and attributes that trigger automatic state observation and updates within the DOM. The project functions as a data binding library, providing a mechanism to synchronize state between internal component properties and external models via two-way data binding. It covers the development of frontend component libraries and web component architecture, enabling the creation of modular u
Library for creating custom web components using W3C standards.
al-folio is a Jekyll academic theme and portfolio generator designed for researchers and professors to build professional homepages, lab sites, and research profiles. It functions as a system for creating a digital academic identity, combining a website template with tools for scientific and academic publishing. The project distinguishes itself through specialized scholarly workflows, such as automated publication lists and bibliography management driven by BibTeX files. It provides specific layouts for digital academic CVs, research portfolios, and the rendering of mathematical expressions a
Builds flexible project showcase grids for displaying research work with images and captions.
Flexboxgrid is a responsive CSS framework and layout engine based on CSS3 standards. It provides a grid system that uses the flexbox model to arrange page elements into flexible, proportional grids that adapt to different screen sizes and device resolutions. The framework implements a float-free responsive design, utilizing a media-query breakpoint system to adjust layouts and column counts based on viewport width. It employs percentage-based column sizing and negative-margin guttering to maintain consistent spacing and fluid scaling across various displays. The system maps layout configurat
Implements a grid system utilizing the modern flexbox display property.
This project is a developer portfolio generator and static site generator designed to transform markdown files and external API data into a professional website. It functions as a GitHub Pages template that renders dated articles through a markdown blog engine and creates static HTML pages for web hosting. The system distinguishes itself by acting as a GitHub API portfolio, automatically importing and displaying repository data and user profiles to populate portfolio elements. It utilizes API-driven content injection to automate updates to the project showcase and professional profile. The f
Provides a way to display a curated list of software projects using custom sorting and filters.
Beautiful Jekyll is a ready-to-use Jekyll theme designed for building a personal website or blog and publishing it on GitHub Pages with minimal configuration. It transforms Markdown content into a fully styled static website, providing a complete static site generator theme that handles blog posts, tags, and navigation through a clean, mobile-first design. The theme distinguishes itself through extensive configuration and extensibility options, allowing users to customize color schemes, navigation menus, page layouts, and social links without modifying core files. It supports multiple comment
Lists live project or company sites built with the theme, each with a brief description.
Sakurairo ist ein funktionsreiches WordPress-Theme und ein Framework für persönliche Blogs, das für mehrsprachige Websites konzipiert wurde. Es fungiert als visuelle Ebene, die umfassende Layout-Kontrollen bietet, von einem dynamischen UI-Toolkit mit Glassmorphism-Effekten bis hin zu einer vollständigen Vorlage für eine persönliche Branding-Website. Das Projekt zeichnet sich durch KI-Inhaltsverbesserung aus, wobei Large Language Models verwendet werden, um Artikel automatisch zusammenzufassen und interaktive Terminologie-Annotationen zu generieren. Es integriert zudem externes Aktivitäts-Tracking und Profil-Synchronisierung für Plattformen wie Steam und Bilibili. Das Theme enthält eine breite Palette an Funktionen, die visuelles Design abdecken, wie z. B. zeitgesteuerter Dark Mode und Hintergrundanimationen, sowie Performance-Optimierungen wie PJAX-Navigation und WebP-Bild-Routing. Zusätzliche Funktionsbereiche umfassen die Überwachung der Link-Verfügbarkeit, Echtzeit-Such-Overlays und administrative Tools für das Backup und die Wiederherstellung von Theme-Einstellungen.
Provides a builder for grids of image-and-text blocks to highlight specific content or projects.
Susy is a Sass layout framework and grid computation engine designed to automate complex mathematical layout calculations within stylesheets. It functions as a responsive grid generator that calculates column widths, gutters, and spans based on customizable viewport breakpoints to ensure precise element alignment. The system includes a visual layout debugger that generates browser-based grid overlays to verify column alignment and baseline rhythm during development. It also provides utilities for creating repeating background colors and gradients using a template-based syntax. The framework
Responsive layout toolkit for Sass.
Susy is a responsive grid framework and layout calculation engine for Sass. It provides a toolkit for building fluid or static column structures and gutter spacing directly within stylesheets, automating layout mathematics during the compilation phase to produce precise CSS properties. The system distinguishes itself through a layout calculation engine that translates human-readable shorthand syntax into structured data for mathematical functions. It also includes a grid visualization tool that generates inline SVG background overlays to programmatically verify and debug grid alignment. The
Powerful, math-based grid system for custom responsive designs.
Dopefolio is a customizable developer portfolio template designed for software engineers to showcase technical skills, project galleries, and detailed case studies. It is a responsive, multi-page static site featuring a central homepage and dedicated detail pages for individual technical project breakdowns. The template utilizes a CSS variable theming system that allows for instant site-wide updates to primary colors and visual styles. Its structure is optimized for search engines, employing a lean HTML hierarchy to ensure fast load times and high visibility. The project covers the presentat
Includes responsive grid layouts specifically designed to showcase project overviews and technical tools.
Dieses Projekt ist eine Vorlage für eine persönliche Portfolio-Website, die als statischer Site-Generator erstellt wurde. Es bietet einen strukturierten Rahmen für Fachleute, um ihren beruflichen Werdegang, technische Projekte und Blog-Inhalte über eine responsive Weboberfläche zu präsentieren. Die Seite zeichnet sich durch die Integration eines Markdown-basierten Content-Management-Systems aus, das einfache Textdateien in strukturierte Webseiten umwandelt. Sie enthält automatisierte Bereitstellungs-Workflows, die Build- und Release-Prozesse auslösen, sobald Änderungen in das Repository gepusht werden, wodurch sichergestellt wird, dass Updates ohne manuelles Eingreifen auf einem Live-Webserver veröffentlicht werden. Die Plattform deckt ein breites Spektrum an Tools zur Verwaltung der beruflichen Identität ab, einschließlich zentraler Synchronisation von Profildaten, Lebenslaufformatierung und Konfiguration von Suchmaschinen-Metadaten. Sie unterstützt zudem visuelle Anpassungen durch Theme-Umschaltung und Branding-Kontrollen, während sie Hooks für externe Analysedienste bereitstellt, um das Besucherverhalten und die Website-Leistung zu überwachen.
Displays a collection of professional work with associated images and descriptions to highlight past achievements and technical capabilities.