CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class DX. A project by @WorkOS.
- Tweets 387
- Following 0
- Followers 4,622
- Likes 852
Stitches retweeted
After almost a year in the works, Stitches v1 is officially out 🥳
· best-in-class DX
· variant and compound variants
· tokens and themes
· framework agnostic
· performant
Grateful to everyone who contributed and provided feedback along the way 💞
stitches.dev
29
67
542
Stitches retweeted
Stitches 1.0 brings much faster TS performance, API stability, and many bug fixes. Check it out!
Stitches v1 is here! 🥳
- Significantly faster types.
- Lots of performance improvements and bug fixes.
- Used in production by tons of awesome companies.
Website: stitches.dev
Migration: stitches.dev/blog/migrating-…
ALT Large "v1" text surrounded by party graphics.
2
18
Stitches retweeted
Really enjoying this API @stitchesjs - creating variant based custom properties and using them in nested components 👌
ALT const CardBase = styled(Box, { boxShadow: '$1', borderRadius: '$2', 'a&': { textDecoration: 'none', }, defaultVariants: { size: 'md', }, variants: { size: { sm: { $$cardPadding: '$space$3', $$headingSize: '$fontSizes$3', }, md: { $$cardPadding: '$space$4', $$headingSize: '$fontSizes$4', }, lg: { $$cardPadding: '$space$6', $$headingSize: '$fontSizes$5', }, }, }, }) const CardHeading = styled(Heading, { fontSize: '$$headingSize', }) const CardContent = styled(Box, { padding: '$$cardPadding', })
1
3
24
Stitches retweeted
💯
@stitchesjs Core API is life. It’s been great to use it on my new site ✨
Adding a new page to the @stitchesjs docs
"Framework agnostic Core API"
Releasing soon when we launch v1 👀
1
2
18
Made with Stitches!
This promotional site is a beautiful result of a Hackathon that our team held a few weeks ago.
We made the repo open source:
🤖 #nextjs
🌐 @vercel
💅 @stitchesjs
⭐️ Go give some love!
github.com/basementstudio/ba…
4
20
Stitches retweeted
Adding a new page to the @stitchesjs docs
"Framework agnostic Core API"
Releasing soon when we launch v1 👀
2
5
57
Stitches retweeted
Changelog #022
✨ The errors page has a new look to help you debug faster
🖥 Fullscreen mode for session replays
🟪 Deploy Highlight on-prem faster to Heroku
🎨 Session recording with fancy new CSS-in-JS libraries like @stitchesjs
More 👉 highlight.canny.io/changelog…
4
16
Stitches retweeted
We have something very sneaky in @stitchesjs, which given time I would make into a PostCSS plugin.
Any number with a custom unit becomes an expression using the custom property of the same name.
Paired with @property, this is my favorite hypothetical solution thus far.
ALT The following CSS: ``` html { --rpx: .0625rem; } body { font-size: 16--rpx; } ```
ALT The following CSS after transformation: ``` html { --rpx: .0625rem; } body { font-size: calc(16 * var(--rpx)); } ```
2
26
Stitches retweeted
You want to render a styled component as a specific tag. How does this API make you feel?
<Text slot>
<p>Text message.</p>
</Text>
<Badge slot>
<button>Approved</button>
</Badge>
18
2
36
Stitches retweeted
Added a little feature to a private fork of @Modulz's stitches.
Forward utilities and CSS properties as props. ✨
4
1
8
Stitches retweeted
If you're working at a company, and you're using Radix and/or Stitches, it would be a huge help if you could fill out this 4-question Typeform 🙏
modulz.typeform.com/to/ntcTh…
2
8
25
Stitches retweeted
Polymorphism is such a headache 🥵
Seriously considering removing it from Stitches components and offer a more explicit way to change the element type.
So basically, remove support for `as` prop
PS: The latter *already* works in Stitches
I've been thinking a lot about the `as` prop for polymorphism lately and wondering why we all went down the road of runtime TypeScript polymorphism. It introduces so many unnecessary complexities, bloats error messages and kills TS perf... 🧵
11
4
56
Stitches retweeted
Our Discord crossed 1000 members a while ago 🥳 Shoutout to you all for making it such a cool place to learn and share. Come join the fun!
discord.gg/UrdmtqBcjb
2
21
Stitches retweeted
TIL Shopify Polaris will start using vanilla-extract to replace Sass after an analysis of different style solutions like plain CSS, @tailwindcss, CSS Modules, @stitchesjs or Emotion
github.com/Shopify/polaris/d…
cc @markdalgleish @mattcompiles @michaeltaranto
10
40
245
Stitches retweeted
Want to learn about @stitchesjs? I don't think anyone loves it more than @ArthurBienSur!
You are also in luck! He is talking about it live right now on #twitch for @ReactOttawa!
twitch.tv/yowdev
1
7
Stitches retweeted
@ReactOttawa is back with a virtual meetup tomorrow at 7pm EST! twitch.tv/yowdev
Come checkout @ArthurBienSur's talk on @stitchesjs, one from yours truly about "Fine-tuning your UX with the right fetching strategy" and an additional intro to @vercel #Nexjs
🔥🎉
4
7
Stitches retweeted
I just released the first version of my open source project Space, still in very development and have lot of plans for it.
space-gray.vercel.app
Build with @vercel NextJS, @radix_ui Stitches, Radix Icons & Primitives as well @pmndrs Zustand with Immer.
1
3
25