Draft UI

A free collection of copy & pasteable React components focused on accessibility. Built with React Aria Components and TailwindCSS.

[JB Hutch @JB_Hutch]

Use @draft__ui !

[Csaba Kissi @csaba_kissi]

https://t.co/gARyFzKRxH - Typescript UI

https://t.co/8MkTRfMWmH - open-source code editor

https://t.co/rXgat2vJqw - React UI components

https://t.co/Udpiz04GZJ - Full-stack app hosting (Javascript, PHP, Python, Go..)

https://t.co/p1yJnGYrK5 - Server rendering for React Native

[Draft UI @draft__ui]

@csaba_kissi Hey, thanks for sharing! Please let me know how you like Draft UI and anything that could be better!

[Draft UI @draft__ui]

In his latest video, @JollyShopland explains why React Aria is awesome and why you should use it in your projects.

Check it out!

[James Shopland @JollyShopland]

I set out to make a short video on why you would want to use a headless library, and why it should be React Aria Components.

Turns out it has so many details that the video ended up a little longer...

Lets talk accessibility, UX, styling and more.

What do you use currently?

[Draft UI @draft__ui]

@irsyad @devongovett We're looking to get a whole bunch of updates soon!

[Draft UI @draft__ui]

@irsyad @devongovett And thanks for trying out Draft UI. Let me know if you have any other questions or feedback!

[Draft UI @draft__ui]

@irsyad Hey Irsyad! I'm unfamiliar with Inertia, but at first glance, this seems correct.

Draft UI's section on routing is just a re-write of React Aria's docs on routing (albeit slightly out of date now): https://t.co/luiWCyHdoe

This is a great question for @devongovett and team!

[Draft UI @draft__ui]

@storm_buster @JollyShopland We've worked together before, but our projects are slightly different. While Draft UI is heavily inspired by shadcn/ui, https://t.co/hSj2ndnEne is a much more faithful recreation using React Aria instead of Radix

[Draft UI @draft__ui]

Can't wait to integrate these updates! Plenty to look forward to coming soon!

[Devon Govett @devongovett]

Huge React Aria release! 🚀

🚇 Submenu + blog post!
🌈 7 new color picker components
🎄 Tree alpha
🪂 DropZone + FileTrigger
🔗 Typed client-side router integration
🎬 onAction/isDisabled item API
🍂 Better tree shaking (~4x smaller)
🥹 And a ton more!

https://t.co/K0LTc5r2Oh

[Draft UI @draft__ui]

Check us out on @steventey's awesome new project!

https://t.co/HsQ4DjXqT2

[Draft UI @draft__ui]

Thanks for the mention in today's show! 😊

[Wes Bos @wesbos]

huge show on UI Components today!

Detailing Headless, unstyled and pre-styled UI frameworks and where they fit into building apps.

@radix_ui
@shadcn
@tailwindcss UI + Catalyst
React Aria
@shoelace_style
+ more

https://t.co/LDPEXELra5

[Draft UI @draft__ui]

@HubrGiorgi @melvynx What else should we add?

[Draft UI @draft__ui]

@Kenshin93987222 @melvynx I'd love to make installation easier, let me know what can be improved

[Draft UI @draft__ui]

@melvynx Thanks for sharing!

[Draft UI @draft__ui]

https://t.co/41wEpnEzQB

[Draft UI @draft__ui]

In case you missed it, Draft UI recently got a whole lot easier to use. Now you can install components right from the command line.

[Draft UI @draft__ui]

@storybookjs All Draft UI components and examples are built with Storybook. In order to populate our docs, we use a script to copy all our stories into a big "registry.json" which we can reference as needed throughout our Markdown content.

[Draft UI @draft__ui]

@storybookjs @tailwindcss Agreed!

[Draft UI @draft__ui]

Go give @JollyShopland's video some love! Featuring his awesome library https://t.co/hSj2ndnEne

[James Shopland @JollyShopland]

Had to refilm a video to mention @joshtriedcoding as he beat me to the punch!

https://t.co/Xveo9HDaYz

Was a good time to share my react-aria-components library https://t.co/AC7CMVyDUR with YouTube, now hes put some more eyes on adobes!

Also recommend @draft__ui too