# roderickhsiao/react-aspect-ratio

<https://repo.masters-masters.com/en/repos/roderickhsiao/react-aspect-ratio>

[Home](https://repo.masters-masters.com/en) › [roderickhsiao](https://repo.masters-masters.com/en/owners/roderickhsiao) › [react-aspect-ratio](https://repo.masters-masters.com/en/repos/roderickhsiao/react-aspect-ratio)

roderickhsiao/react-aspect-ratio has 101 stars on GitHub. Its RepoMasters card: Prototype tier. Preserve space for your element to prevent browser reflow…

| Field | Value |
| --- | --- |
| Owner | [roderickhsiao](https://repo.masters-masters.com/en/owners/roderickhsiao) |
| Stars | 101 |
| Forks | 8 |
| Language | [TypeScript](https://repo.masters-masters.com/en/languages/typescript) |
| License | MIT |
| Created | 2017 |
| Topics | react, aspect-ratio, responsive, ui-components, css, layout, browser-reflow, layout-shift |
| Tier | [Prototype (100 to 249 ★)](https://repo.masters-masters.com/en/ranks/rush) |
| View on GitHub | [roderickhsiao/react-aspect-ratio](https://github.com/roderickhsiao/react-aspect-ratio) |

## Repository

Preserve space for your element to prevent browser reflow (layout shift)

The tier for repos with 100 to 249 ★. Published odds per card pulled: 70%. Rarity: Common.

## More repos by roderickhsiao

- [roderickhsiao/react-in-viewport · ★ 351 · TypeScript · Alpha](https://repo.masters-masters.com/en/repos/roderickhsiao/react-in-viewport)

## Nearby in TypeScript

- [PlonGuo/mcd-hackthon · ★ 101 · TypeScript · Prototype](https://repo.masters-masters.com/en/repos/PlonGuo/mcd-hackthon)
- [xjxlabs/dsh-chat-mode-preview · ★ 101 · TypeScript · Prototype](https://repo.masters-masters.com/en/repos/xjxlabs/dsh-chat-mode-preview)
- [globalmpc/nomore · ★ 101 · TypeScript · Prototype](https://repo.masters-masters.com/en/repos/globalmpc/nomore)
- [Menardi/whosthatpokemon · ★ 101 · TypeScript · Prototype](https://repo.masters-masters.com/en/repos/Menardi/whosthatpokemon)
- [morganherlocker/cubic-spline · ★ 101 · TypeScript · Prototype](https://repo.masters-masters.com/en/repos/morganherlocker/cubic-spline)
- [jpush/jchat-web · ★ 101 · TypeScript · Prototype](https://repo.masters-masters.com/en/repos/jpush/jchat-web)

---
Data: GitHub · Illustration drawn by RepoMasters from the repo’s ID and its language color.