awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
kristoferjoseph avatar

kristoferjoseph/flexboxgrid

0
View on GitHub↗
flexboxgrid.com↗

Flexboxgrid

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 configurations to specific CSS classes, allowing for the structural alignment of content into proportional columns and rows.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Features

  • Responsive Grid Systems - Provides a responsive grid system that arranges page elements into flexible proportional layouts.
  • Flexible Grid Layouts - Organizes website content into proportional columns and rows that scale based on the viewport width.
  • Fluid Percentage Grids - Defines grid widths using relative percentages to ensure fluid scaling across various device resolutions.
  • Responsive Breakpoints - Utilizes a system of media query breakpoints to automatically adjust grid layouts across different viewport widths.
  • Flexbox-Based Grid Systems - Implements a responsive layout engine based on the CSS flexbox model for alignment and distribution.
  • Responsive CSS Frameworks - Offers a collection of styles designed for mobile-first, responsive interface development.
  • Float-Free Layouts - Eliminates traditional float-based grids by leveraging the modern flexbox model for structural alignment.
  • Gutter Management - Employs negative-margin guttering to maintain consistent spacing between fluid grid columns.
  • Responsive Design Patterns - Implements layout strategies that automatically adjust structure and element sizes for different screen dimensions.
  • Grid Class Mappings - Provides a set of CSS classes that map specific layout configurations to grid elements for rapid implementation.
  • Layout Engines - Implements a lightweight grid system based on CSS3 standards for consistent structural alignment.
  • Data Tables - Grid system based on CSS3 flexbox.
  • Grid Systems - Implements a grid system utilizing the modern flexbox display property.
  • Layout Frameworks - A responsive grid system based on flexbox.
  • Data Tables & Grids - Flexbox-based grid system.
9,318 stars·1,099 forks·HTML·30 views

Star history

Star history chart for kristoferjoseph/flexboxgridStar history chart for kristoferjoseph/flexboxgrid

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Flexboxgrid

These projects share indexed features with Flexboxgrid. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • north/northN

    north/north

    4,798View on GitHub↗

    North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for building mobile-first user interfaces using fluid grids and progressive enhancement techniques to ensure a consistent experience across different browser capabilities and screen sizes. The project features a standardized CSS naming system that uses Sass mixins to programmatically generate class names, distinguishing between components, layouts, and states. It also functions as a frontend project scaffolding tool, providing a generator to bootstrap new environments with pre-configur

    CSS
    View on GitHub↗4,798
  • dhg/skeletondhg avatar

    dhg/Skeleton

    19,410View on GitHub↗

    Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building mobile-friendly websites through a fluid 12-column grid system, a minimal CSS reset library to normalize browser defaults, and default styling for raw HTML elements. The project emphasizes a mobile-first development approach, using percentage-based widths and predefined media queries to progressively enhance layouts for larger screens. It includes a utility-first library of single-purpose classes to manage common layout tasks such as floating elements, clearing, and width con

    CSS
    View on GitHub↗19,410
  • thoughtbot/neatthoughtbot avatar

    thoughtbot/neat

    4,368View on GitHub↗

    Neat is a Sass grid framework and responsive layout system used to build fluid, column-based web architectures. It provides a structured approach to managing layout properties and global design settings through a central configuration map and a toolset of Sass mixins and functions. The system is distinguished by its ability to handle nested grid architectures, allowing flexible grids to be placed inside other grid containers while maintaining precise alignment and gutter control. It also includes development tools for frontend layout debugging that render background guide lines to visualize c

    Rubybourbonbourbon-familycss
    View on GitHub↗4,368
  • pure-css/purepure-css avatar

    pure-css/pure

    23,731View on GitHub↗

    Pure is a CSS UI framework and modular component library designed for building consistent web layouts and interface components. It functions as a responsive CSS grid system and a CSS reset library that normalizes default browser rendering to ensure a uniform appearance across different web environments. The project provides standalone styles for common interactive elements such as buttons, menus, forms, and tables. It utilizes a modular architecture that allows for the inclusion of specific style modules and employs namespace isolation to prevent visual conflicts between components. The fram

    JavaScript
    View on GitHub↗23,731
Compare all 30 related projects→

Frequently asked questions

What does kristoferjoseph/flexboxgrid do?

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.

What are the main features of kristoferjoseph/flexboxgrid?

The main features of kristoferjoseph/flexboxgrid are: Responsive Grid Systems, Flexible Grid Layouts, Fluid Percentage Grids, Responsive Breakpoints, Flexbox-Based Grid Systems, Responsive CSS Frameworks, Float-Free Layouts, Gutter Management.

Which projects share features with kristoferjoseph/flexboxgrid?

Projects with overlapping indexed features include: north/north — North is a responsive web design methodology and Sass-based CSS architecture framework. It provides a system for… dhg/skeleton — Skeleton is a lightweight responsive CSS boilerplate and mobile-first framework. It provides a foundation for building… thoughtbot/neat — Neat is a Sass grid framework and responsive layout system used to build fluid, column-based web architectures. It… pure-css/pure — Pure is a CSS UI framework and modular component library designed for building consistent web layouts and interface… twbs/bootstrap-sass — This project is a Sass implementation of the Bootstrap framework, providing a collection of responsive, mobile-first… twbs/bootstrap — Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides…