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
jonathantneal avatar

jonathantneal/flexibility

0
View on GitHub↗
4,291 stars·461 forks·JavaScript·MIT·10 viewsjonathantneal.github.io/flexibility↗

Flexibility

Flexibility is a JavaScript layout engine and CSS compatibility layer that functions as a polyfill for the CSS Flexbox specification. It simulates flexible box layout behavior in web browsers that do not natively support the specification.

The project achieves cross-browser layout consistency by implementing a programmatic system to calculate and apply alignment, direction, and wrapping properties to DOM elements. It provides utilities for both the application and extraction of these layout styles to manage the visual structure of a page.

The engine operates through DOM tree traversal and manual coordinate calculation to determine the dimensions and positions of elements. It then uses runtime style injection to write the resulting width, height, and margin values directly to element style attributes.

Features

  • Web Browser Layouts - Provides a JavaScript-based engine that simulates the CSS Flexbox specification for web browsers.
  • CSS Emulation Layers - Acts as a compatibility layer that emulates modern CSS layout standards for older browsers.
  • Flexbox Layout Utilities - Provides utilities for distributing space and aligning elements within flexible containers via a polyfill.
  • Flexbox Layouts - Implements flexible container layouts for responsive interface design in environments lacking native Flexbox support.
  • Layout Engines - Implements core logic for calculating element geometry and positioning based on Flexbox style rules.
  • Cross-Browser Consistency Layers - Ensures consistent visual structure and alignment across different browser versions using a Flexbox polyfill.
  • CSS Flexbox Polyfills - Functions as a JavaScript library that polyfills the CSS Flexbox specification for unsupported browsers.
  • CSS Property Polyfills - Implements mechanisms that generate fallback CSS properties to ensure consistent rendering of flexbox in older browsers.
  • Inline Style Injections - Injects computed CSS properties directly into HTML element style attributes at runtime.
  • Legacy Browser Polyfills - Provides a technical shim that brings modern Flexbox API functionality to legacy browser environments.
  • DOM Tree Traversers - Uses algorithms for recursively walking through HTML DOM hierarchies to determine layout constraints.
  • DOM Coordinate Calculations - Calculates the exact pixel positions of DOM elements relative to the document root using flex-grow and flex-shrink logic.
  • Programmatic Styling - Allows for dynamic updates to visual styles driven by application logic to adjust Flexbox properties.
  • Layout Styling Controls - Programmatically manages document geometry and visual spacing by writing layout details to elements.

Star history

Star history chart for jonathantneal/flexibilityStar history chart for jonathantneal/flexibility

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.

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

Projects sharing features with Flexibility

These projects share indexed features with Flexibility. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • 10up/flexibility10up avatar

    10up/flexibility

    4,290View on GitHub↗

    Flexibility is a JavaScript library and layout engine designed to polyfill CSS Flexbox capabilities. It ensures consistent element alignment and distribution across different browser versions, specifically targeting legacy environments that lack native support for the flexible box specification. The project provides cross-browser layout compatibility by simulating flexible container behavior. It manages dynamic flexbox properties to maintain a stable and predictable user interface regardless of the visitor's browser version. The system covers DOM traversal, manual coordinate calculation, and

    JavaScript
    View on GitHub↗4,290
  • phuocng/html-domphuocng avatar

    phuocng/html-dom

    6,524View on GitHub↗

    This is a vanilla JavaScript DOM manipulation library that provides a collection of native methods for selecting, creating, and modifying HTML DOM elements without any framework dependencies. It operates directly on the live DOM tree using imperative JavaScript calls, wrapping standard browser DOM APIs into reusable utility functions. The library covers the full spectrum of DOM operations including element selection, creation, removal, content and attribute management, event handling, style and class manipulation, and DOM traversal. It includes approaches for cross-browser DOM compatibility,

    MDXdocument-object-modeldomdom-api
    View on GitHub↗6,524
  • angular/flex-layoutangular avatar

    angular/flex-layout

    5,843View on GitHub↗

    This project is a responsive layout framework for Angular that provides a system of directives to create adaptive user interfaces using CSS Flexbox and CSS Grid. It includes specialized libraries for managing flexible box alignment and structuring complex two-dimensional page grids. The framework features a breakpoint monitoring service to programmatically observe media query changes and trigger logic when viewport dimensions cross defined boundaries. To optimize performance, it includes a build-time CSS generator that uses SASS mixins to create static media query stylesheets, reducing the ne

    TypeScriptadaptiveangularengine
    View on GitHub↗5,843
  • arthursonzogni/ftxuiArthurSonzogni avatar

    ArthurSonzogni/FTXUI

    9,686View on GitHub↗

    FTXUI is a C++ terminal user interface library and cross-platform console framework used for building interactive command line applications. It functions as a declarative terminal layout engine and a component-based UI toolkit that enables the creation of responsive interfaces. The library is distinguished by its terminal graphics and animation capabilities, allowing for the rendering of custom shapes, data plots, and smooth visual transitions using easing functions. It provides a comprehensive set of interactive widgets and a layout system utilizing flexbox and grid containers that adapt to

    C++arthursonzogniasciiascii-art
    View on GitHub↗9,686
Compare all 30 related projects→

Frequently asked questions

What does jonathantneal/flexibility do?

Flexibility is a JavaScript layout engine and CSS compatibility layer that functions as a polyfill for the CSS Flexbox specification. It simulates flexible box layout behavior in web browsers that do not natively support the specification.

What are the main features of jonathantneal/flexibility?

The main features of jonathantneal/flexibility are: Web Browser Layouts, CSS Emulation Layers, Flexbox Layout Utilities, Flexbox Layouts, Layout Engines, Cross-Browser Consistency Layers, CSS Flexbox Polyfills, CSS Property Polyfills.

Which projects share features with jonathantneal/flexibility?

Projects with overlapping indexed features include: 10up/flexibility — Flexibility is a JavaScript library and layout engine designed to polyfill CSS Flexbox capabilities. It ensures… phuocng/html-dom — This is a vanilla JavaScript DOM manipulation library that provides a collection of native methods for selecting,… angular/flex-layout — This project is a responsive layout framework for Angular that provides a system of directives to create adaptive user… brick-design/brick-design — Brick Design is a low-code page builder framework used to create drag-and-drop visual editors that generate… basscss/basscss — Basscss is a lightweight CSS utility toolkit built on an atomic, single-purpose class architecture. Each class… arthursonzogni/ftxui — FTXUI is a C++ terminal user interface library and cross-platform console framework used for building interactive…