---
title: "Prop For That"
url: https://daily.dev/posts/prop-for-that-gziymtefi
source_url: https://css-tricks.com/prop-for-that
type: article
source: "CSS-Tricks"
published: 2026-06-16T18:39:52.371Z
updated: 2026-06-16T18:57:21.394Z
tags: ["javascript", "css", "web-components"]
reading_time: 2
upvotes: 254
comments: 24
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Prop For That

**[CSS-Tricks](https://daily.dev/sources/css_tricks)** · 2 min read · 254 upvotes · 24 comments

## Summary

Prop For That is a new library by Adam Argyle that bridges the gap between JavaScript and CSS by exposing live CSS custom properties for things CSS can't normally access — like cursor position, scroll velocity, form states, and current time. Developers add data attributes to HTML elements to activate the underlying scripts, then use the resulting CSS variables directly in their stylesheets without writing any JavaScript themselves.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://css-tricks.com/prop-for-that>

## Community discussion

Top comments from developers on daily.dev.

**@seyoungcho** · 23 upvotes

> True frontend artisan knows how to craft css, not js

**@borderbabe2412** · 6 upvotes

> this graphic is beautiful!

**@brunodebrito** · 3 upvotes

> ![GIF](https://static.klipy.com/ii/71b2873e478b9d8d0482ea3ec777ba7f/89/1e/IuhcPUpo.gif)

**@mdshafinahmed** · 3 upvotes

> Good things, thank you for sharing.

**@lauramoss** · 1 upvotes

> Love this reminder that not every UI pattern needs JavaScript

## Similar posts on daily.dev

- [Prop For That · June 13, 2026](https://daily.dev/posts/prop-for-that-june-13-2026-4rbbkqokd) · Adam Argyle · 230 upvotes · 17 comments
- [Kevin Powell Trying Out Prop For That · August 5, 2026](https://daily.dev/posts/kevin-powell-trying-out-prop-for-that-august-5-2026-rnvobmsxh) · Adam Argyle · 4 upvotes · 0 comments

---

Tags: [#javascript](https://daily.dev/tags/javascript), [#css](https://daily.dev/tags/css), [#web-components](https://daily.dev/tags/web-components)

[View this post on daily.dev](https://daily.dev/posts/prop-for-that-gziymtefi)