tailwindlabs/tailwindcss-aspect-ratio
None observed · 2026-10-22
Health v2 · maintenance only
56/100
- Activity 73
- Release rhythm 8
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-22. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 2175
- days_rel: n/a
- days_push: 162
- n_releases_24m: 0
Adoption not part of the score
998 stars · 35 forks observed · 2026-10-22
What it is AI-extracted, prompt v1, taxonomy v1, 2026-09-07, confidence 0.92
An official Tailwind CSS plugin that adds composable aspect-w-{n}/aspect-h-{n} utility classes for giving elements a fixed aspect ratio via the padding-bottom technique. It is now deprecated because Tailwind CSS v3.0 includes native aspect-ratio utilities in the core framework.
Use cases
- give elements a fixed aspect ratio in tailwind
- make responsive 16:9 video or iframe embeds
- prevent layout shift when images load
- force a container to keep a width-to-height proportion
- tailwind plugin for aspect ratio classes
When to choose
- you are locked to Tailwind CSS v2.x or earlier, which lacks built-in aspect-ratio utilities
- you need the padding-bottom fallback trick for browsers without CSS aspect-ratio support
- you want composable width/height ratio classes with responsive variants
When to avoid
- you are on Tailwind CSS v3.0 or newer, where aspect-ratio utilities ship by default
- starting a new project, since the plugin is officially deprecated
- you need arbitrary or non-integer ratios, which the native CSS aspect-ratio property handles better
Facets
plugin · maturity maintenance
css-framework ui-components web-development frontend web-design browser tailwindcss tailwind-plugin css-utilities aspect-ratio deprecated responsive-design nodejs
1 source
- readme: https://github.com/tailwindlabs/tailwindcss-aspect-ratio · fetched 2026-10-22 · 10e397aa4bf9
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| tailwindlabs/tailwindcss-aspect-ratio | main | 56 |
For agents
markdown · JSON · MCP: product_card(name="tailwindlabs/tailwindcss-aspect-ratio")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem