Toolkit with accessible components, styles, and examples for your next web app
- Tweets 556
- Following 4
- Followers 2,569
- Likes 767
We're thinking of having an Instagram profile to post short screencasts with code and demos of Reakit.
This doesn't seem to be something that people usually do or like. So not sure if it's worth it.
What do you think? Do you know any profile that is doing something similar?
7
8
Ariakit retweeted
Hey! 👋
Here's a Toolbar combined with a dropdown Menu built with @reakitjs and tested with JAWS/Firefox on Windows.
Docs (using "as" prop instead of render props) 👇
reakit.io/docs/toolbar/#tool…
CodeSandbox with the example in the video (no styles) 👇
codesandbox.io/s/reakit-tool…
1
20
Ariakit retweeted
Testing @reakitjs Menu component with JAWS/Firefox on Windows. Using Arrow, Home, End, PageUp and PageDown keys.
👉 reakit.io/docs/menu/#submenu
🎧 Turn on the audio.
1
2
13
Ariakit retweeted
As you probably could tell, I've been tweeting screencasts using @reakitjs with desktop screen readers.
But I'm curious: what's the screen reader you would like to see here more often?
27%
NVDA
18%
JAWS
45%
VoiceOver
9%
Other
22 votes • Final results
1
1
2
Ariakit retweeted
Next version of @reakitjs will include an experimental Grid component.
👉 next.reakit.io/docs/grid/
Here's an example on how this works with NVDA:
3
22
Ariakit retweeted
You can safely create nested modals using @reakitjs Dialog component.
VoiceOver doesn't support nested "aria-modal" elements. In order to fix this, Reakit will remove the attribute from the parent dialog when the nested one is open.
Example here: reakit.io/docs/dialog/#neste…
2
2
20
Ariakit retweeted
This is how the Dialog component on @reakitjs solves VoiceOver focus when there's an animation.
You have to wait for the animation to complete before moving focus. Otherwise, IE6... I mean, VoiceOver will struggle to find the active element on the page.
1
4
29
Ariakit retweeted
In @reakitjs' Menu/Submenu, there's some Math to calculate the pointer movement so it doesn't close the submenu while you're trying to move to it in a non-straight line.
This is often overlooked in component libraries, but highly frustrating for users.
Thread...
10
46
331
In June, one new backer joined. We received $145 from 12 backers and we spent $2,000 on . Our current balance is $206.
Top backers: @code_e_averett, @rodneyfolz, @pmkhoa
Thank you! 🙏
opencollective.com/reakit
1
Ariakit retweeted
Reakit v1.1.0 has been released! 🎉
Composite is now stable, and there's a new Input component!
reakit.io/docs/composite/
5
40
Ariakit retweeted
I've just donated $5 to Reakit. Consider donating too, every little helps! opencollective.com/reakit via @opencollect
That is a UI library of my dream. The best composability, the best styling approach, the best a11y
1
3
In May, 3 backers joined (@rodneyfolz, @adriendenat, +1) - you are the best! 🙌
We received $185 from 13 backers. Our current balance is $2,086.
Top backers: @code_e_averett, @rodneyfolz, @pmkhoa
Thank you! 🙏
opencollective.com/reakit
3
Hey @rodneyfolz! Thank you so much for your $100 donation 🙏 - your contribution makes a difference!
opencollective.com/reakit
1
4
Thanks to @brunolemos for sponsoring us on GitHub! ❤️
github.com/sponsors/reakit
1
2
12
Ariakit retweeted
Created an iOS inspired Segment Control for an experimental project. Used @reakitjs for out-of-the-box state management, a11y, and interactions. So delightful! ❤️
Styled with @emotioncss .
(cc'ing @diegohaz ✌️)
#reactjs #ui #interaction
1
5
20
Ariakit retweeted
I've just donated $5 to @Reakitjs. Consider donating too, every little helps! opencollective.com/reakit via @opencollect
1
1
Ariakit retweeted
After several months and nearly 1M downloads on npm, @reakitjs v1.0 is finally out of beta! 🎉
👉 reakit.io
Thanks to all contributors and people who have tested it! Now we can focus more on new features: Grid, Listbox, Combobox, Tree, TreeGrid etc.
7
40
190
Ariakit retweeted
reakit.io has now a search box thanks to @_lluia
ALT Screenshot of the Reakit website focusing the search field on the header with the term "nested", and a dropdown with the results.
2
18
In April, one new backer joined. We received $430 from 14 backers. Our current balance is $1,930.
Top backers: @code_e_averett, @pmkhoa, @rodneyfolz
Thank you! 🙏
opencollective.com/reakit
4
1
