# Support for Adobe React Spectrum

**URL:** <https://forums.creativeclouddeveloper.com/t/support-for-adobe-react-spectrum/4924>\
**Category:** Photoshop\
**Tags:** ui\
**Created:** [July 9, 2022, 6:38pm UTC](https://forums.creativeclouddeveloper.com/t/support-for-adobe-react-spectrum/4924 "2022-07-09T18:38:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![bbogdan](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/bbogdan/32/2272_2.png) [@bbogdan](https://forums.creativeclouddeveloper.com/u/bbogdan)\
**Post date:** [July 9, 2022, 6:38pm UTC](https://forums.creativeclouddeveloper.com/t/support-for-adobe-react-spectrum/4924/1 "2022-07-09T18:38:32Z")

</div>

Hi,  
As I started writing UXP Photoshop plugins I noticed how hard is to get some styling with the CSS (for example the grid is somehow not supported because I get a blank page when I try to use it).

For example the following code produces an empty page:

```auto
<div style={{ display: "grid" }}>
      <sp-heading>Hello World!</sp-heading>
</div>

```

Also, as I have knowledge of how to use React I wonder if I can use the Adobe React Spectrum library for the UXP Photoshop plugins? I mean on this library [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/index.html)

I already wrote almost all my plugins using that library and I think that it is also not supported in the UXP.

---

<div class="post-metadata">

**Author:** ![Karmalakas](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/karmalakas/32/1048_2.png) [@Karmalakas](https://forums.creativeclouddeveloper.com/u/Karmalakas)\
**Post date:** [July 9, 2022, 10:57pm UTC](https://forums.creativeclouddeveloper.com/t/support-for-adobe-react-spectrum/4924/2 "2022-07-09T22:57:52Z")

</div>

You are correct in both cases - neither `grid` nor _React Spectrum_ is supported in Ps UXP. You’ll have to use `flex` instead of grid and only [_Spectrum UXP_](https://developer.adobe.com/photoshop/uxp/2022/uxp/reference-spectrum/) is supported for now (but docs in lots of parts are a bit off)

---

<div class="post-metadata">

**Author:** ![bbogdan](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/bbogdan/32/2272_2.png) [@bbogdan](https://forums.creativeclouddeveloper.com/u/bbogdan)\
**Post date:** [July 10, 2022, 7:51am UTC](https://forums.creativeclouddeveloper.com/t/support-for-adobe-react-spectrum/4924/3 "2022-07-10T07:51:31Z")

</div>

Guess I would have to rewrite everything again then 🙂 At least the logic can be transferred. Thanks!

---

<div class="post-metadata">

**Author:** ![bbogdan](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/bbogdan/32/2272_2.png) [@bbogdan](https://forums.creativeclouddeveloper.com/u/bbogdan)\
**Post date:** [July 10, 2022, 7:56am UTC](https://forums.creativeclouddeveloper.com/t/support-for-adobe-react-spectrum/4924/4 "2022-07-10T07:56:45Z")

</div>

Do you know of any document or a page that has the list of the supported CSS properties? I also saw that the CSS animation is not yet supported.

---

<div class="post-metadata">

**Author:** ![simonhenke](https://sea1.discourse-cdn.com/flex015/user_avatar/forums.creativeclouddeveloper.com/simonhenke/32/957_2.png) [@simonhenke](https://forums.creativeclouddeveloper.com/u/simonhenke)\
**Post date:** [July 10, 2022, 8:50am UTC](https://forums.creativeclouddeveloper.com/t/support-for-adobe-react-spectrum/4924/5 "2022-07-10T08:50:48Z")

</div>

[CSS Reference](https://developer.adobe.com/photoshop/uxp/2022/uxp/reference-css/)

Not sure how up-to-date it is though.