Loading video...

Video Failed to Load

Go Home

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!

83,579 views • 9 months ago •via X (Twitter)

46 Comments

Devon Govett's profile picture
Devon Govett9 months ago

We’re also releasing Spectrum 2, our new design system, which is built on top of React Aria Components! It includes a brand new styling library, more components, and a fresh new look.

Devon Govett's profile picture
Devon Govett9 months ago

Though this release is mostly about docs, it also adds built-in support for animated transitions between tabs, improves overlay positioning, and fixes some bugs. Full release notes:

shadcn's profile picture
shadcn9 months ago

Congrats Devon. Huge launch.

Devon Govett's profile picture
Devon Govett9 months ago

Thanks!

Colm Tuite's profile picture
Colm Tuite9 months ago

Congrats!

Devon Govett's profile picture
Devon Govett9 months ago

Thanks!

Junior García's profile picture
Junior García9 months ago

Always bet on React Aria - great work guys, it looks beautiful! 🚀

Devon Govett's profile picture
Devon Govett9 months ago

Thanks! 🙏

Zach's profile picture
Zach9 months ago

congrats, awesome job Some of my favorite things: - command center/menu modal is so well done and a major UX improvement - interactive examples that live update code snippets - also in the code snippets, the line level bg highlighting is so polished

Jordan's profile picture
Jordan9 months ago

Congrats on the launch 🙌🏻 The new sites (and branding) look fantastic! Great to see Tailwind, and other CSS styling solutions. @shadcn should definitely look to get this as an option in the new create feature alongside Base UI and Radix imho 😉

Irsyad A. Panjaitan's profile picture
Irsyad A. Panjaitan9 months ago

Finally new logo.

Devon Govett's profile picture
Devon Govett8 months ago

I know right?!

Fitim Bytyqi's profile picture
Fitim Bytyqi9 months ago

Beautiful work Devon! looking forward to dig deeper ✨

Haz's profile picture
Haz9 months ago

I love the search experience. Are there keyboard shortcuts for switching tabs?

Devon Govett's profile picture
Devon Govett9 months ago

No but that's a good idea!

Devon Govett's profile picture
Devon Govett9 months ago

What would you expect the shortcuts to be? At first I thought Cmd+1/2/3/etc. but browsers already use that to switch tabs.

Haz's profile picture
Haz9 months ago

I like using the Tab key for that. See That’s how the emoji picker in macOS and Windows switches between categories. Alternatively, I’m exploring symbol prefixes like / > # @, similar to the VS Code command menu.

openfire3's profile picture
openfire39 months ago

Congrats on the launch! Looking good and happy to see @panda__css in the example 🔥

aman's profile picture
aman9 months ago

Also, the new style with the gradients looks great!

Elias Witt's profile picture
Elias Witt9 months ago

Man this is nice! It's so pretty. Love the expandable docs to view the surrounding context.

Lars Salling's profile picture
Lars Salling9 months ago

Congrats, looks sweet

Irsyad A. Panjaitan's profile picture
Irsyad A. Panjaitan9 months ago

yes. congrats dev for the launch.

Damian Stasik's profile picture
Damian Stasik9 months ago

Looks beautiful! I love the tasteful skeuomorphic theme in examples, feels nicer than flat, rounded rectangles. I see tons of improvements from the feedback thread applied everywhere, thanks for the great work!

Curtis Flaming's profile picture
Curtis Flaming9 months ago

Absolutely amazing! My favorite component lib and it's not even close.

Terry Carson's profile picture
Terry Carson9 months ago

This looks awesome! Loving the fresh look and those interactive examples. Congrats to the team, can’t wait to dive in and try it out.

Hemanta Sundaray's profile picture
Hemanta Sundaray8 months ago

How to install with shadcn?

Thomas Shaddox's profile picture
Thomas Shaddox9 months ago

This is so slick, congrats on the launch! I'll be poring over this at some point this week.

Aarón García's profile picture
Aarón García9 months ago

Congrats on the launch!

Luciano Battagliero's profile picture
Luciano Battagliero9 months ago

Congrats! It looks AMAZING! ✨

Ben McMahen's profile picture
Ben McMahen8 months ago

Incredible work to you and the team. Docs are the hardest!

Eddy Recio's profile picture
Eddy Recio9 months ago

Looks awesome! Loving the ruler with the different breakpoints xs, sm, md... Congrats on the release!

Rifandani ⚛️'s profile picture
Rifandani ⚛️9 months ago

Amazing work ❤️ Been waiting for this

Chirag's profile picture
Chirag9 months ago

Congratulations 🎉🎉 and thanks for this amazing work

Hugeicons's profile picture
Hugeicons9 months ago

Congrats Devon, great release!

Tobias Möritz's profile picture
Tobias Möritz9 months ago

amazing

Frank Borden's profile picture
Frank Borden9 months ago

Congrats! Search has some kind of issue compared to before. Can search for "rout" but not "route", doesn't match "starter" like before.

Devon Govett's profile picture
Devon Govett9 months ago

Thanks! We'll continue improving it. Now it's mostly searching page titles and some keywords. Looks like we have "routing" but not "route" for example.

Thomas Shaddox's profile picture
Thomas Shaddox9 months ago

@frankborden_ Section titles within articles could also be indexed. "SelectionIndicator" currently gives no results.

Devon Govett's profile picture
Devon Govett9 months ago

@frankborden_ Yeah I think we planned on adding that and ran out of time before release.

Ramin's profile picture
Ramin9 months ago

I've been waiting a long time for this😍 fantastic job, and I'm completely surprised to see the MCP server🥹 Thank you so much for your hard work and your team's effort on this.

symbols's profile picture
symbols9 months ago

Amazing

Mykhaylo 🇺🇦🌻's profile picture
Mykhaylo 🇺🇦🌻9 months ago

I've been waiting for this one! New docs look incredible 😍 Congrats team! 👏

Shahul - framerhub.io's profile picture
Shahul - framerhub.io9 months ago

New docs feel super polished. Search is way better, and the interactive Tailwind examples are 🔥

Pasquale Vitiello's profile picture
Pasquale Vitiello9 months ago

Well done! 👏

arth's profile picture
arth8 months ago

cooked!

Travis Arnold's profile picture
Travis Arnold9 months ago

Such a great update, kudos to you and the team! Love that there are links between everything, especially code block identifiers.

Related Videos