# lzxb/flex.css

flex.css is declarative layout which is compatible with wechat, UC, webview and other main-stream mobile browser and surpports react, vue, angular.

Repository: https://github.com/lzxb/flex.css
Canonical: https://ross.abutalabs.com/products/flexcss
Language: Less
License Family: other
Topics: css, flex, vue, react, angular, flexbox, flexbox-css, flex-layout, flexible
Last push: 2022-07-18T02:54:57+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-07T02:58:08.109385+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 3846, "days_push": 1512, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1521, forks 354 (observed 2026-09-06T21:12:27.193524+00:00)

## What it is
flex.css is a declarative CSS layout library that lets developers define flexbox layouts via HTML attributes (flex or data-flex) instead of writing CSS. It compiles with autoprefixer to fall back to the legacy -webkit-box syntax, ensuring consistent layouts across old mobile browsers, webviews, and WeChat.

## Use cases
- center elements on mobile web pages without writing css
- flexbox layout compatible with old android and ios webviews
- declarative layout for wechat and uc browser pages
- use flex layout in react with data attributes
- avoid autoprefixer setup for legacy flexbox support

## When to choose
- targeting legacy mobile browsers or webviews that only support -webkit-box
- you want layout expressed directly in html attributes for easier maintenance
- building mobile web apps with vue, react, or angular

## When to avoid
- modern browsers only - standard flexbox with autoprefixer is sufficient
- you prefer layouts defined in stylesheets rather than html attributes
- project requires an actively maintained library with a license file

## Facets
- artifact type: library
- maturity: maintenance
- function: css-framework, ui-components
- domain: frontend, web-development, mobile-development
- platform: browser, cross-platform
- tags: flexbox, declarative-layout, mobile-web, wechat-compatibility, less, vue, react, angular

## Member repositories
- lzxb/flex.css (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-09-06T21:12:27.193524+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-30T04:31:48.061694+00:00, confidence not recorded.
  - readme: https://github.com/lzxb/flex.css (fetched 2026-09-06T21:12:27.193524+00:00, sha 63511dc778f4)
- Data as of 2026-09-07T08:21:23.190159+00:00.