---
title: "Fresnel"
description: "Responsive React layout utilities designed to work with server rendering."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Rendering breakpoint-specific layouts with coordinated CSS media queries.</PurposeNote>

## What it does

Responsive React layout utilities designed to work with server rendering.

## When it fits

Rendering breakpoint-specific layouts with coordinated CSS media queries.

## Other options in this category

<div data-pagefind-ignore>

- [InfiniteGrid](/layout/infinitegrid) — Building masonry-style feeds and dynamically loaded card layouts.
- [React Resizable Panels](/layout/react-resizable-panels) — Building interfaces with persistent, adjustable workspace layouts.
- [React Split Pane](/layout/react-split-pane) — Building editors and dashboards with adjustable side-by-side panes.

</div>

## Source

[Project source for Fresnel ↗](https://github.com/artsy/fresnel)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Arrange a workspace →](/tasks/arrange-a-workspace)

[All panels &amp; layout options →](/layout)