正在加载视频...
视频加载失败
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 条评论

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.

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:

Congrats Devon. Huge launch.

Thanks!

Congrats!

Thanks!

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

Thanks! 🙏

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

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 😉

Finally new logo.

I know right?!

Beautiful work Devon! looking forward to dig deeper ✨

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

No but that's a good idea!

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.

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.

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

Also, the new style with the gradients looks great!

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

Congrats, looks sweet

yes. congrats dev for the launch.

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!

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

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.

How to install with shadcn?

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

Congrats on the launch!

Congrats! It looks AMAZING! ✨

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

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

Amazing work ❤️ Been waiting for this

Congratulations 🎉🎉 and thanks for this amazing work

Congrats Devon, great release!

amazing

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

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.

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

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

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.

Amazing

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

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

Well done! 👏

cooked!

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

