Staff Software Engineer, Design Infrastructure @SlackHQ Dragon Ball fanatic 🐉 | Sports card collector 🏈 | Avid weight-lifter and rower 🚣
Charlotte, NC
Joined May 2010
- Tweets4.9K
- Following123
- Followers385
- Likes972
While I have strong opinions on matchups like Brady vs Manning (it's Manning 😄), I still check the numbers. How does LeBron's age-39 season stack up against Jordan's last run in Chicago?
Versus is live: vs.zslabs.com
93
Another fun project just launched: ChromaSlack chromaslack.zslabs.com Upload an image to generate a Slack theme.
1
45
Zach Schnackel retweeted
Panda CSS v2 is officially here @panda__css 🐼🔥
We’ve been working on this for a long time, and we’re excited to finally share it with you
It's a faster and more powerful Panda for teams building and scaling design systems
🐼 Go check it out, build something and ship with Panda → panda-css.com/
Created a new package over the weekend:
Atomic CSS Modules atomic.zslabs.com/
Write CSS. Ship atomic utility classes.
45
Kicking off the new year by sharing a project that’s been years in the making.
I work on design systems and component architecture at Slack. Over the past 4½ years, I’ve seen firsthand what breaks as complex products scale across large teams.
1
116
My latest article, Context-driven styles, is now live! Stop fighting specificity wars and start letting components respond to their environment. It’s a much cleaner way to scale your UI logic: zslabs.com/token/context-dri…
1
23
My latest article, Making impactful architectural decisions is now live! For projects big and small, this list can help make sure your ideas are vetted before bringing them to a larger group.
zslabs.com/token/making-impa…
8
Zach Schnackel retweeted
New React Aria components! 🚀
🔗 PreviewTrigger – build accessible hover popovers
🐭 Context menu trigger for mouse, keyboard, and touch
🪙 TokenField (alpha) – a text input with inline tokens
📋 Editable table cells
🎹 Keyboard shortcuts
🪝 New hook docs
light-dark() is such a great feature for <color> values when you need a bit more control than CSS variables! developer.mozilla.org/en-US/…
63
👋 @devongovett Small bump on a PR that resolves a token replacement issue that a few others have run into with LightningCSS github.com/parcel-bundler/li… Thanks again for this library!
67
The perfect Instagram reel doesn’t exi… instagram.com/reel/DMqgKKIxg…
48
Zach Schnackel retweeted
🚀 Panda CSS just hit v1.0!
The modern, themeable, and atomic-first styling engine for design systems — now stable 🐼✨
Read more here 👉🏽 github.com/chakra-ui/panda/d…
#PandaCSS #CSS #WebDev #DesignSystems
I've ABSOLUTELY been sleeping on tanstack.com/start/latest by @tannerlinsley
youtube.com/watch?v=ZQvni22m… and youtube.com/watch?v=5GZboZtQ… are great resources to get you started by @webdevcody
1
170
Zach Schnackel retweeted
HUGE React Aria release! 🍿
🔍 Autocomplete: Command Palette, Searchable Select and Submenu examples
🆕 3 new components: Toast, Tree, and Virtualizer
🧩 Custom Menu/Popover/Tooltip triggers
🌉 Table colspan
👆 usePress interop, fixing 15+ issues
💨 Tailwind v4
📅 DatePicker RTL
Zach Schnackel retweeted
✨ Tailwind CSS v4.0 is here!
Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @starting-style support…
…and tons, tons more.
🎄’Tis the season for brushing up some side-projects that needed some love.
First is sold.zslabs.com A toolkit for analyzing trends of recent eBay sales.
Using @nextjs app router, <Form />, and search params. Recharts for graphs, and Button + Table RAC by @devongovett
1
5
353
Next up, is collection.zslabs.com Create curated lists of eBay items; without the hassle of filters.
This will be most useful to me when I have items on consignment or want to share multiple listings with a friend.
1
57
And finally, list.zslabs.com
Find and compare eBay searches.
A few years old, but finally migrated it over to the @nextjs app router. It’s easy to get caught up in the RSC stuff and forget you can still have API-only routes via a route.ts file 💪
47
Zach Schnackel retweeted
SPARKING! ZERO - DLC 1: Hero of Justice Pack Trailer (11 New Characters coming)! teapaw.org/dragonballgames/status…