正在加载视频...

视频加载失败

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 次观看 • 9 个月前 •via X (Twitter)

46 条评论

Devon Govett 的头像
Devon Govett9 个月前

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 的头像
Devon Govett9 个月前

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 的头像
shadcn9 个月前

Congrats Devon. Huge launch.

Devon Govett 的头像
Devon Govett9 个月前

Thanks!

Colm Tuite 的头像
Colm Tuite9 个月前

Congrats!

Devon Govett 的头像
Devon Govett9 个月前

Thanks!

Junior García 的头像
Junior García9 个月前

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

Devon Govett 的头像
Devon Govett9 个月前

Thanks! 🙏

Zach 的头像
Zach9 个月前

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 的头像
Jordan9 个月前

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 的头像
Irsyad A. Panjaitan9 个月前

Finally new logo.

Devon Govett 的头像
Devon Govett9 个月前

I know right?!

Fitim Bytyqi 的头像
Fitim Bytyqi9 个月前

Beautiful work Devon! looking forward to dig deeper ✨

Haz 的头像
Haz9 个月前

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

Devon Govett 的头像
Devon Govett9 个月前

No but that's a good idea!

Devon Govett 的头像
Devon Govett9 个月前

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 的头像
Haz9 个月前

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 的头像
openfire39 个月前

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

aman 的头像
aman9 个月前

Also, the new style with the gradients looks great!

Elias Witt 的头像
Elias Witt9 个月前

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

Lars Salling 的头像
Lars Salling9 个月前

Congrats, looks sweet

Irsyad A. Panjaitan 的头像
Irsyad A. Panjaitan9 个月前

yes. congrats dev for the launch.

Damian Stasik 的头像
Damian Stasik9 个月前

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 的头像
Curtis Flaming9 个月前

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

Terry Carson 的头像
Terry Carson9 个月前

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 的头像
Hemanta Sundaray8 个月前

How to install with shadcn?

Thomas Shaddox 的头像
Thomas Shaddox9 个月前

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

Aarón García 的头像
Aarón García9 个月前

Congrats on the launch!

Luciano Battagliero 的头像
Luciano Battagliero9 个月前

Congrats! It looks AMAZING! ✨

Ben McMahen 的头像
Ben McMahen9 个月前

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

Eddy Recio 的头像
Eddy Recio9 个月前

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

Rifandani ⚛️ 的头像
Rifandani ⚛️9 个月前

Amazing work ❤️ Been waiting for this

Chirag 的头像
Chirag9 个月前

Congratulations 🎉🎉 and thanks for this amazing work

Hugeicons 的头像
Hugeicons9 个月前

Congrats Devon, great release!

Tobias Möritz 的头像
Tobias Möritz9 个月前

amazing

Frank Borden 的头像
Frank Borden9 个月前

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 的头像
Devon Govett9 个月前

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 的头像
Thomas Shaddox9 个月前

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

Devon Govett 的头像
Devon Govett9 个月前

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

Ramin 的头像
Ramin9 个月前

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 的头像
symbols9 个月前

Amazing

Mykhaylo 🇺🇦🌻 的头像
Mykhaylo 🇺🇦🌻9 个月前

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

Shahul - framerhub.io 的头像
Shahul - framerhub.io9 个月前

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

Pasquale Vitiello 的头像
Pasquale Vitiello9 个月前

Well done! 👏

arth 的头像
arth9 个月前

cooked!

Travis Arnold 的头像
Travis Arnold9 个月前

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

相关视频