---
title: "Prop for That"
description: "A library that exposes JavaScript runtime values as live CSS custom properties."
pagination: false
---

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

<PurposeNote title="Good for">Making CSS respond to pointer position, element state, and other browser information.</PurposeNote>

## What it does

A library that exposes JavaScript runtime values as live CSS custom properties.

## When it fits

Making CSS respond to pointer position, element state, and other browser information.

## Other options in this category

<div data-pagefind-ignore>

- [chroma.js](/styling/chroma-js) — Generating palettes and color scales for interfaces or charts.
- [Class Variance Authority](/styling/class-variance-authority) — Managing size, color, and state variants in a component system.
- [clsx](/styling/clsx) — Building className values from component states and optional styles.
- [CSS Modules](/styling/css-modules) — Writing stylesheets without exposing every class name globally.
- [Emotion](/styling/emotion) — Building component-level styles with a flexible CSS-in-JS API.

</div>

## Source

[Project source for Prop for That ↗](https://github.com/argyleink/prop-for-that)

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

[Style and theme components →](/tasks/style-and-theme-components)

[All styling &amp; themes options →](/styling)