All the shadcn peeps are sleeping on react aria. Devon and team continues to deliver incredible value. Its by far the most comprehensive react component library out there. That is the reason I have chosen it as the foundation for Winnie React.
January 17, 2025 at 9:04 PM
All the shadcn peeps are sleeping on react aria. Devon and team continues to deliver incredible value. Its by far the most comprehensive react component library out there. That is the reason I have chosen it as the foundation for Winnie React.
I can see how cursor can cause you to stop thinking. I finally got around to trying it today. Once it learned my codebase, I found my self just tabbing to complete most things. I know I am just scratching the surface here, but I already miss typing lol.
January 13, 2025 at 1:23 AM
I can see how cursor can cause you to stop thinking. I finally got around to trying it today. Once it learned my codebase, I found my self just tabbing to complete most things. I know I am just scratching the surface here, but I already miss typing lol.
Thanks to react aria, Winnie React can benefit from defining the tanstack router types on components that use `href`. This means Winnie's Link, ButtonLink, NavigationItem, and many others will have typesafe `href` props. Super cool stuff.
January 12, 2025 at 7:25 PM
Thanks to react aria, Winnie React can benefit from defining the tanstack router types on components that use `href`. This means Winnie's Link, ButtonLink, NavigationItem, and many others will have typesafe `href` props. Super cool stuff.
Decided to swap out the react aria disclosure for the base ui collapsible for NavigationDisclosure component in Winnie React. I needed an easier way to change the rendered elements to maintain accessibility. Still going to use react-aria for pretty much everything else.
January 11, 2025 at 3:07 PM
Decided to swap out the react aria disclosure for the base ui collapsible for NavigationDisclosure component in Winnie React. I needed an easier way to change the rendered elements to maintain accessibility. Still going to use react-aria for pretty much everything else.
Working on Navigation next for Winnie React
January 9, 2025 at 6:39 PM
Working on Navigation next for Winnie React
Initial iteration of Menu component done for Winnie React. I am really really liking some of the abstractions Winnie affords. You can dive into the tools at any level and make them what you want. Winnie React just represents one way to do things.
January 4, 2025 at 12:15 AM
Initial iteration of Menu component done for Winnie React. I am really really liking some of the abstractions Winnie affords. You can dive into the tools at any level and make them what you want. Winnie React just represents one way to do things.
I'm convinced that polymorphism in components is not needed when you have the right style abstractions. Need an anchor that looks like a button? In Winnie, just add `data-component="button"` to it, and now it looks like a button.
December 23, 2024 at 9:54 PM
I'm convinced that polymorphism in components is not needed when you have the right style abstractions. Need an anchor that looks like a button? In Winnie, just add `data-component="button"` to it, and now it looks like a button.
Winnie strikes a nice balance with the support of tailwind. Only works in v4 though thanks to the css only config. Get all the power of Winnie CSS with tailwind.
December 22, 2024 at 8:03 PM
Winnie strikes a nice balance with the support of tailwind. Only works in v4 though thanks to the css only config. Get all the power of Winnie CSS with tailwind.
lol zero is sick. Just set it up for client only data storage for the winnie showcase. Took 5 mins...
December 21, 2024 at 7:36 PM
lol zero is sick. Just set it up for client only data storage for the winnie showcase. Took 5 mins...
Cooking something new for Winnie.
December 20, 2024 at 3:37 AM
Cooking something new for Winnie.
winnie provides entry for developers on on different levels. Want total control over the system? use only Winnie css and integrate with any framework you want. Next step up is React. I’m currently working on a wrapper of Winnie components in react with the help of react aria.
December 10, 2024 at 6:02 PM
winnie provides entry for developers on on different levels. Want total control over the system? use only Winnie css and integrate with any framework you want. Next step up is React. I’m currently working on a wrapper of Winnie components in react with the help of react aria.
Lol. I user Twitter on web only, even on my phone. Apparently it doesn’t like safari
December 7, 2024 at 5:56 PM
Lol. I user Twitter on web only, even on my phone. Apparently it doesn’t like safari
Excited to see how @base-ui.com implemented css transition support into their components. This is a super underrated feature imo. For the Winnie showcase, I spent a lot of time fine-tuning the layout sidebar component to support transitions.
December 7, 2024 at 4:16 PM
Excited to see how @base-ui.com implemented css transition support into their components. This is a super underrated feature imo. For the Winnie showcase, I spent a lot of time fine-tuning the layout sidebar component to support transitions.
Astro 5 update for the Winnie docs was pretty seamless. Although, I think I need to wait to upgrade to react 19. At least for now.
December 5, 2024 at 11:56 PM
Astro 5 update for the Winnie docs was pretty seamless. Although, I think I need to wait to upgrade to react 19. At least for now.
Winnie Components:
✅ Tooltip
👨🏼🍳 Dialog?
Or do I keep working on Showcase? I am still a little stuck on that.
✅ Tooltip
👨🏼🍳 Dialog?
Or do I keep working on Showcase? I am still a little stuck on that.
December 5, 2024 at 3:01 AM
Winnie Components:
✅ Tooltip
👨🏼🍳 Dialog?
Or do I keep working on Showcase? I am still a little stuck on that.
✅ Tooltip
👨🏼🍳 Dialog?
Or do I keep working on Showcase? I am still a little stuck on that.
Do people prefer to copy and paste code the shadcn way now, rather than installing from a registry as a lib? If so, how do you update your stuff when things change? How do updates work when you've made changes to the code you've copied?
December 4, 2024 at 7:46 PM
Do people prefer to copy and paste code the shadcn way now, rather than installing from a registry as a lib? If so, how do you update your stuff when things change? How do updates work when you've made changes to the code you've copied?
almost done with the Tooltip component for Winnie
December 4, 2024 at 7:45 PM
almost done with the Tooltip component for Winnie
Gotta love Spotify wrapped.
December 4, 2024 at 4:37 PM
Gotta love Spotify wrapped.
Working on a tooltip component for Winnie. Should I support multi line styling? Typically tooltips should be a single line of concise, descriptive text. Also gets a little weird if you want to include keyboard shortcuts.
December 3, 2024 at 10:57 PM
Working on a tooltip component for Winnie. Should I support multi line styling? Typically tooltips should be a single line of concise, descriptive text. Also gets a little weird if you want to include keyboard shortcuts.
One thing I have noticed about other demo apps in the wild is that noneo of them support writes. They are all read only. To me I feel like that doesnt convey the value enough. I want to be able to use something real, even if just for 5 mins.
December 1, 2024 at 4:06 AM
One thing I have noticed about other demo apps in the wild is that noneo of them support writes. They are all read only. To me I feel like that doesnt convey the value enough. I want to be able to use something real, even if just for 5 mins.
In my experience pure css thrives in design systems and libraries. Often times these use cases require many variants, sizes, colors, etc. something I find to be hard to read and quite verbose in other utility class type libraries.
November 28, 2024 at 11:55 PM
In my experience pure css thrives in design systems and libraries. Often times these use cases require many variants, sizes, colors, etc. something I find to be hard to read and quite verbose in other utility class type libraries.
just released a new component in winnie! its an opinionated layout component that you can use for your next application. While it works perfectly with just css and html, you can take it a step further with js.
winnie-ui.com/css/docs/com...
winnie-ui.com/css/docs/com...
Layout
An opinionated application layout with sidebar.
winnie-ui.com
November 3, 2024 at 8:11 PM
just released a new component in winnie! its an opinionated layout component that you can use for your next application. While it works perfectly with just css and html, you can take it a step further with js.
winnie-ui.com/css/docs/com...
winnie-ui.com/css/docs/com...
react-aria has been my go to recently. It feels like Devon has thought of everything. I just finished implementing an accessible drag handle with the help of useMove
November 3, 2024 at 2:17 AM
react-aria has been my go to recently. It feels like Devon has thought of everything. I just finished implementing an accessible drag handle with the help of useMove