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

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

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectAboutHow we rankPressMCP server
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
Back to kristoferjoseph/flexboxgrid

Open-source alternatives to Flexboxgrid

30 open-source projects similar to kristoferjoseph/flexboxgrid, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Flexboxgrid alternative.

  • 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

AI search

Explore more awesome repositories

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

Find more with AI search
  • 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
  • twbs/bootstrap-sasstwbs avatar

    twbs/bootstrap-sass

    12,507View on GitHub↗

    This project is a Sass implementation of the Bootstrap framework, providing a collection of responsive, mobile-first UI toolkits and layout systems. It serves as a Sass UI library that allows for the creation of custom CSS frameworks through the use of a preprocessor to generate browser-ready stylesheets. The framework is distinguished by its deep customization capabilities, enabling users to override default themes and visual variables using Sass variables and mixins. It utilizes a modular import system, allowing specific components to be selectively included to control the final CSS bundle

    SCSS
    View on GitHub↗12,507
  • twbs/bootstraptwbs avatar

    twbs/bootstrap

    174,380View on GitHub↗

    Bootstrap is a comprehensive, mobile-first CSS framework designed for building responsive web interfaces. It provides a standardized library of reusable UI components, such as navigation bars, modals, and forms, alongside a robust grid system that ensures consistent layout alignment across diverse viewport sizes. By establishing a baseline through browser normalization and standardized typography, the project enables developers to create accessible, cross-browser compatible web applications. The framework distinguishes itself through a modular Sass-based architecture that allows for deep cust

    MDXbootstrapcsscss-framework
    View on GitHub↗174,380
  • papercss/papercsspapercss avatar

    papercss/papercss

    4,183View on GitHub↗

    Papercss is a CSS UI framework and document-style design system used to build responsive web page layouts. It functions as a Less-based CSS library that applies a paper-like aesthetic and structured typography to give web pages the appearance of physical documents. The project also incorporates a utility-first CSS library model for rapid styling. The framework is distinguished by its ability to automate visual decorations, such as applying rotating border styles and shadow effects to child elements. It utilizes a Less-based variable system and modular stylesheet compilation, allowing users to

    SCSScsshtmlscss
    View on GitHub↗4,183
  • strml/react-grid-layoutSTRML avatar

    STRML/react-grid-layout

    22,320View on GitHub↗

    React Grid Layout is a draggable and resizable grid system for React that organizes components into a coordinate-based layout. It functions as a responsive layout manager and a serialized grid state engine, providing the tools necessary to create user-customizable workspaces where interface elements can be moved and resized. The system distinguishes itself through breakpoint-driven layout mapping, which adjusts grid configurations based on container width. It utilizes a serialized state model to convert spatial positions and dimensions into data formats for saving and restoring user layouts,

    TypeScript
    View on GitHub↗22,320
  • rstacruz/cheatsheetsrstacruz avatar

    rstacruz/cheatsheets

    14,429View on GitHub↗

    This project is a comprehensive collection of web development reference guides and technical cheat sheets. It provides a curated set of markdown-based documentation designed to help developers quickly locate syntax patterns and API examples for common web technologies and programming languages. The repository serves as a specialized reference library covering several distinct technical domains. It includes extensive guides for CSS, focusing on selectors, Flexbox, Grid, and responsive layout properties, as well as a DevOps command reference for Docker, Kubernetes, AWS, Ansible, and general she

    SCSS
    View on GitHub↗14,429
  • bootstrap-vue/bootstrap-vuebootstrap-vue avatar

    bootstrap-vue/bootstrap-vue

    14,450View on GitHub↗

    Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

    JavaScripta11yaccessibilityaccessible
    View on GitHub↗14,450
  • leemunroe/responsive-html-email-templateleemunroe avatar

    leemunroe/responsive-html-email-template

    13,684View on GitHub↗

    This project is a responsive HTML email template and framework designed to maintain visual consistency across diverse desktop and mobile email applications. It provides a set of CSS and HTML patterns that ensure layouts, images, and preheaders render correctly across various email service providers. The framework utilizes a fluid-grid design system with percentage-based widths and max-width constraints to scale across different screen sizes. It employs a strategy of applying styles directly to HTML elements to prevent email clients from stripping external or internal stylesheets. The system

    HTMLemailemail-marketingemail-template
    View on GitHub↗13,684
  • react-grid-layout/react-grid-layoutreact-grid-layout avatar

    react-grid-layout/react-grid-layout

    22,319View on GitHub↗

    React Grid Layout is a toolkit for building draggable, resizable, and responsive dashboard interfaces. It functions as a coordinate-based grid system that reconciles component positions and dimensions through declarative metadata, allowing developers to manage complex collections of UI elements that users can interact with directly. The library distinguishes itself through an automated packing algorithm that maintains structural integrity by shifting elements to fill gaps and resolving overlaps. It supports responsive design by monitoring container width changes against pre-defined breakpoint

    TypeScriptdrag-and-dropes2015grid
    View on GitHub↗22,319
  • mobi-css/mobi.cssmobi-css avatar

    mobi-css/mobi.css

    2,316View on GitHub↗

    Mobi.css is a lightweight, mobile-first CSS framework designed to provide a consistent foundation for web interface development. It establishes a stable visual baseline by normalizing default browser styles across all platforms, ensuring that standard interface elements like buttons, forms, and text blocks maintain a cohesive appearance. The framework utilizes a flexible grid system based on container models that automatically adjust content dimensions and alignment to fit varying screen sizes and device orientations. By prioritizing mobile constraints and employing viewport-based breakpoints

    CSScsscss-frameworkcssnext
    View on GitHub↗2,316
  • bootflat/bootflat.github.iobootflat avatar

    bootflat/bootflat.github.io

    4,217View on GitHub↗

    Bootflat is a front-end component library and CSS framework extension that implements a flat-design aesthetic for web application styling. It provides a set of reusable interface elements and a mobile-first grid system to facilitate responsive web design. The project integrates design and development through a PSD-driven workflow, providing professional Photoshop component sets and curated color palettes for interface prototyping. Visual customization is handled via variable-based theme overrides for colors and fonts. The library covers a broad range of UI components, including form elements

    HTML
    View on GitHub↗4,217
  • oddbird/susyoddbird avatar

    oddbird/susy

    3,831View on GitHub↗

    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

    SCSS
    View on GitHub↗3,831
  • pinterest/gestaltpinterest avatar

    pinterest/gestalt

    4,360View on GitHub↗

    Gestalt is a type-safe React UI component library and design system. It provides a collection of reusable interface elements and design tokens that follow international accessibility standards to ensure usability for people with diverse needs. The framework includes a responsive web layout system with defined breakpoints and grid containers that adapt interfaces for desktop, mobile, and tablet devices. It features an internationalized component suite that supports multiple languages, regional color schemes, and right-to-left text orientations. The library covers a broad range of interface ca

    TypeScript
    View on GitHub↗4,360
  • jhu-ep-coursera/fullstack-course4jhu-ep-coursera avatar

    jhu-ep-coursera/fullstack-course4

    10,934View on GitHub↗

    This project provides educational course materials and reference code for learning frontend web development. It serves as a tutorial and collection of examples demonstrating how to build responsive user interfaces using HTML, CSS, and JavaScript. The repository contains practical implementations and references for responsive web design, specifically focusing on fluid grids and media queries to adapt layouts across different screen sizes. It includes client-side scripting samples that illustrate how to add interactive behavior and dynamic functionality to web pages. The material covers a broa

    JavaScript
    View on GitHub↗10,934
  • franciscop/picnicfranciscop avatar

    franciscop/picnic

    3,886View on GitHub↗

    Picnic is a classless CSS framework and styling library that applies visual themes directly to native HTML elements. It functions as a CSS-only UI library, providing a responsive layout system and a design system that creates consistent interfaces without the need for custom utility classes. The project distinguishes itself by implementing JavaScript-free interactivity. It uses CSS selectors and pseudo-classes to manage state and visibility for interactive components such as modals, tabs, and tooltips, removing the requirement for external scripts to handle basic UI logic. The framework incl

    CSS
    View on GitHub↗3,886
  • samdutton/simplsamdutton avatar

    samdutton/simpl

    5,191View on GitHub↗

    Simpl is an HTML, CSS, and JavaScript example library that provides a collection of minimal functional demonstrations of core web technologies and native browser APIs. It serves as a reference implementation and pattern gallery for frontend development, offering practical examples of how to implement common web features. The project showcases a wide range of browser capabilities, including real-time web communication via WebSockets and WebRTC, responsive web design techniques for adaptive layouts, and the implementation of offline workflows using service workers. It also provides demonstratio

    HTMLcsshtmljavascript
    View on GitHub↗5,191
  • jgthms/bulmajgthms avatar

    jgthms/bulma

    50,074View on GitHub↗

    Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation

    CSScsscss-frameworkdesign
    View on GitHub↗50,074
  • ericam/susyericam avatar

    ericam/susy

    3,831View on GitHub↗

    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

    SCSS
    View on GitHub↗3,831
  • hikalkan/jtablehikalkan avatar

    hikalkan/jtable

    1,088View on GitHub↗

    A JQuery plugin to create AJAX based CRUD tables.

    JavaScript
    View on GitHub↗1,088
  • mkoryak/floattheadmkoryak avatar

    mkoryak/floatThead

    1,212View on GitHub↗

    Fixed . Doesn't need any custom css/html. Does what position:sticky can't

    JavaScript
    View on GitHub↗1,212
  • agefanscom/websiteagefanscom avatar

    agefanscom/website

    8,711View on GitHub↗

    This project is a community resource portal that serves as a central hub for accessing official domain lists, mobile application downloads, and support forums. It functions as an official link directory and information gateway to ensure users can find current services and official communications. The site provides an official link directory to help users locate active domain names when URLs change. It also acts as a distribution point for official Android and iOS application clients via direct download links and provides a gateway to official social boards and forums for technical troubleshoo

    ageagedmagefans
    View on GitHub↗8,711
  • uikit/uikituikit avatar

    uikit/uikit

    18,534View on GitHub↗

    UIkit is a CSS front-end framework and accessible UI component library designed for building responsive web interfaces. It provides a comprehensive set of styling classes and modular components alongside a JavaScript interaction toolkit for managing behavioral elements. The framework includes native support for internationalized web interfaces, featuring multi-locale text translation and right-to-left layout directions. It employs a responsive layout engine that uses flexible grids, adaptive breakpoints, and container widths to align content across different screen sizes. The toolkit covers

    HTML
    View on GitHub↗18,534
  • picturepan2/spectrepicturepan2 avatar

    picturepan2/spectre

    11,317View on GitHub↗

    Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

    CSS
    View on GitHub↗11,317
  • fomantic/fomantic-uifomantic avatar

    fomantic/fomantic-ui

    3,759View on GitHub↗

    Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user interfaces. It functions as a CSS framework and responsive UI toolkit, providing a structured approach to managing typography, color palettes, and spacing. The project enables the development of custom UI components and the implementation of unified design systems across web applications. It provides a variable-driven theme compilation process to customize visual styles and a build-time system to compile selected components into production CSS bundles. The toolkit covers a broad

    JavaScript
    View on GitHub↗3,759
  • muicss/muimuicss avatar

    muicss/mui

    4,484View on GitHub↗

    MUI is a lightweight CSS framework that implements Material Design visual and interaction guidelines for web interfaces. It provides a suite of tools for building interfaces through a responsive CSS grid system and a set of components based on standardized visual patterns. The library includes a customizable CSS theme engine and a specialized HTML email styling library. These tools allow for the modification of default palettes and visual styles to align an interface with a specific brand identity, while ensuring consistent rendering of email templates across different email clients. The fra

    JavaScript
    View on GitHub↗4,484
  • carbon-design-system/carboncarbon-design-system avatar

    carbon-design-system/carbon

    9,172View on GitHub↗

    Carbon is an enterprise design system that provides a comprehensive collection of reusable UI components, design tokens, and guidelines for building professional web applications. It functions as a CSS framework that enforces a unified design language across projects through standardized typography, spacing, and color palettes. The system utilizes a platform-agnostic design token system to maintain visual consistency across different technologies. This includes centralized management of brand colors, motion easing curves, and a curated library of accessible SVG icons. The framework covers a

    TypeScript
    View on GitHub↗9,172
  • framework7io/framework7framework7io avatar

    framework7io/framework7

    18,673View on GitHub↗

    Framework7 is a mobile user interface framework and single-page application system designed to build responsive web applications with native iOS and Android appearances. It provides a comprehensive library of pre-styled components and a layout engine to create native-style user interfaces across multiple platforms. The framework utilizes a platform-aware theming system that adapts visual styles and color schemes based on detected device settings. It incorporates native mobile behaviors through a dedicated UI kit, including specialized interaction patterns such as pull-to-refresh and swipeable

    JavaScriptandroidcomponentscordova
    View on GitHub↗18,673