@ugi_dev

Building: ⬡ https://xitter.cf/t.co/DPATjgvcxg ⁘ https://xitter.cf/t.co/CbRZQqeINV

ugi.dev
Joined April 2022
  • Tweets252
  • Following6
  • Followers55
128Media
Introducing Kirari ✨ A tiny, DOM-free syntax highlighter for the web. • 2.9 kB gzipped core • 48 languages • custom theme • Streaming support • Zero runtime dependencies Built to be lightweight and customizable. kirari.sh
11
29
2
489
17,906
Ugi Stelmokaitis retweeted
Hayden
@haydenbleaselOct 20
The @QuiverAI team helped shape Blume from the start 🪷 useblume.dev/customers/quive…

QuiverAI helped shape Blume, then moved its docs in less than a day

QuiverAI, the frontier AI lab behind the Arrow SVG models, helped shape Blume from the start, moved its docs in less than a day, and now runs its internal design system docs on Blume too.

useblume.dev
3
1
1
12
1,850
Ugi Stelmokaitis retweeted
Hayden
@haydenbleaselFeb 24
Today we're open sourcing the new Chat SDK, a unified TypeScript SDK for building chat bots across Slack, Microsoft Teams, Google Chat, Discord, and more. Now in public beta. ▲ ~/ 𝚗𝚙𝚖 𝚒 𝚌𝚑𝚊𝚝 Let's see how it works ↓
Black background features the text "Introducing Chat SDK" alongside code snippet and icons for Slack, GitHub, Microsoft Teams, and Discord.

ALT Black background features the text "Introducing Chat SDK" alongside code snippet and icons for Slack, GitHub, Microsoft Teams, and Discord.

155
397
151
4,097
834,671
Ugi Stelmokaitis retweeted
Ugi Stelmokaitis
@ugi_dev17 Dec 2025
#X Space interaction 🎙️
1
109
Been working on a Design System and ran into a great TypeScript nuance that’s easy to miss 👀 The difference between : ThemeSchema vs satisfies ThemeSchema 🧵⬇️
1
157
more replies
✅ satisfies operator (TS 4.9+) ✔️ Enforces the shape ✔️ Preserves literal types ("#5a58f2") ✔️ Better autocomplete & inference
1
34
Important clarification 👇 `satisfies` does NOT affect runtime behavior It: • Does NOT merge objects • Does NOT override values • Is purely a type-checking feature
26
Switch Toggle 🔛 Link to #codepen 👇
1
1
104
codepen.io/ugi-dev/pen/gbMaY…

Toggle Switch

...

codepen.io
67
Ugi Stelmokaitis retweeted
Ugi Stelmokaitis
@ugi_dev22 Dec 2025
CardStack Interaction 🃏 Smooth shuffle animation using #GSAP. The details are key - timing, easing, and that satisfying snap. What do you think? Any details you'd tweak? Link to CodePen 👇
1
1
114
Team Section ✨ #Codepen 👉 codepen.io/ugi-dev/pen/wBWvj…
2
74
Availability Tag ⚡ #GSAP #Codepen codepen.io/ugi-dev/pen/vEKYK…
1
76
CardStack Interaction 🃏 Smooth shuffle animation using #GSAP. The details are key - timing, easing, and that satisfying snap. What do you think? Any details you'd tweak? Link to CodePen 👇
1
1
114
codepen.io/ugi-dev/pen/PwzYX…

CardStackInt

...

codepen.io
41
Animating a Gradient Mesh with GSAP Motion Paths - Article ugi.dev/craft/gradient-mesh

Animating a Gradient Mesh with GSAP Motion Paths — Ugi Stelmokaitis

A journey into the world of gradient meshes and GSAP Motion Paths.

ugi.dev
54
Typescript 🔹 ❌ Don't: Shallow readonly. This is top level readonly
Dark code editor showing a single TypeScript line defining a type alias: "type ReadonlyUser = Readonly<User>;" with highlighted keywords.

ALT Dark code editor showing a single TypeScript line defining a type alias: "type ReadonlyUser = Readonly<User>;" with highlighted keywords.

1
45
✅ Do: Recursive conditional type
Dark code editor showing a TypeScript recursive DeepReadonly<T> conditional type and a User type with id and nested profile name.

ALT Dark code editor showing a TypeScript recursive DeepReadonly<T> conditional type and a User type with id and nested profile name.

1
39
Now 👇
Dark code snippet showing "r.profile.name = "Bob";" with a red cross and "compile error" indicating assignment to a readonly property fails.

ALT Dark code snippet showing "r.profile.name = "Bob";" with a red cross and "compile error" indicating assignment to a readonly property fails.

25
🔹 Conditional Types to Filter Union Types ❌ Don’t: Manually redefine unions
1
33
✅ Do: Conditional union filtering
1
27
Result 👇
20
Load more