LEAD CODE DESIGN PRODUCT ∙ VP of Front-End & Engineering Leader | 2x Founder | Front-End Architect | Product Development & Developer Experience

Joined June 2009
129 Photos and videos
Pinned Tweet
2 Feb 2022
I launched Spreadsheet Sync, a free @figma plugin. 🧩 Design with Data. 🔥 Sync with one click. 😎 Use Google Sheets as dynamic data on your design. Get it here figma.com/community/plugin/9…
4
9
André Pinto retweeted
TanStack AI is now in Beta! TanStack AI is no longer just a text-generation library with extras bolted on. TanStack AI has first-class dev experience for: ✅ Text and Streaming Structured Data ✅ Tool Calls ✅ Summarization ✅ Image Generation ✅ Video Generation ✅ Audio Generation ✅ Realtime voice chat ✅ Middleware ✅ Lazy tool discovery ✅ Code Mode ✅ Host-side MCP ✅ Orchestration (still experimental) ✅ Pluggable debug logging ✅ Isomorphic devtools All with per-model type-safety that actually matters!
June 11th.
31
59
844
58,225
André Pinto retweeted
Color bleeding in SVG liquid glass, yes everything is done in SVG filters some vanilla JS, no shaders. Each glass carries "ink" (tint × alpha). When two SDF shapes touch, ink diffuses across the contact midline, and spread grows with overlap depth.
4
5
100
5,554
André Pinto retweeted
React Native Bottom Tabs 1.3.0 is out! ✨ 🔹 Fix inactiveTintColor behavior on Liquid Glass 🔹 Fix tabBarHidden behavior 🔹 Fix tvOS compilation 🔸 New prop `experimental_bakedTintColors` to opt into Liquid Glass workaround to inactive tint colors (with drawbacks)
5
7
160
8,070
André Pinto retweeted
Jun 10
Inspired by @motiondotdev, here's a blog post about the humble eraser. In tldraw, an eraser is a bullet you drag around with your hand. tldraw.dev/blog/erasing
3
4
14
2,801
André Pinto retweeted
After 3 years of work, Gifski 3 is here. Rewritten from scratch in SwiftUI, with cropping, GIF preview, exporting trimmed/cropped videos, loop delay, smarter estimates, improved performance, and lots of polish.
9
11
244
14,141
André Pinto retweeted
Maizzle 6 is here 🥳 🍑💨 Tailwind CSS 4 💚 Vue templating 🔌 Vite plugin 🧩 Components ✨ Beautiful DX 🤖 Agent skills Build HTML emails the way you build apps. Our biggest release ever. npx maizzle new
13
49
656
56,264
André Pinto retweeted
SVG liquid glass can morph with text, SVG shapes and animation. 😄 Core trick: treat everything as a signed distance field. Text is rasterized with the selected font, converted to an SDF, and SVG handwriting is stroked frame-by-frame into the same SDF pipeline. Basically, rects, circles, text, and animated SVG paths are all converted into the same distance-field representation, so morphing becomes a smooth union between fields. Again, everything is done with SVG, no shaders.
5
11
143
7,061
André Pinto retweeted
Just shipped react-native-data-detector v0.3.0! New hooks, including real-time as-you-type entity detection. npm i react-native-data-detector Repo: github.com/pablodgcr/react-n… Watch it detect phone numbers, emails, links, and more, live:
10
53
774
30,229
André Pinto retweeted
Tip: prevent scrollbars from re-wrapping text. Using "scrollbar-gutter: stable" fixes this
17
87
2,327
163,841
André Pinto retweeted
yep - made a liquid slider last year too that also works in all browsers 🫣

messed with liquid glass for web a lot last year using css svg 👨‍🔬 the key to cross-browser was migrating from svg backdrop-filter to filter and syncing displacement map textures 🔑 kudos to spending a lot more time exploring it! 👏
17
16
429
66,067
André Pinto retweeted
messed with liquid glass for web a lot last year using css svg 👨‍🔬 the key to cross-browser was migrating from svg backdrop-filter to filter and syncing displacement map textures 🔑 kudos to spending a lot more time exploring it! 👏

We’ve achieved glass on the web ✨ Real refractions. Real DOM. And it works everywhere. Yes, even on Safari. aave.com/design/building-gla…
11
21
723
172,168
André Pinto retweeted
With Design Mode, you can now point, draw, or talk to update your UI.
124
189
2,681
1,459,776
André Pinto retweeted
We’ve achieved glass on the web ✨ Real refractions. Real DOM. And it works everywhere. Yes, even on Safari. aave.com/design/building-gla…
233
372
5,322
1,400,578
André Pinto retweeted
Your UI is only as polished as its worst spam test @dimicx

3
7
324
42,674
André Pinto retweeted
Introducing Arcs in Motion 12.40. Arcs animate elements along curved paths. These aren't static like offset-path, they're dynamic and work with both x/y and layout animations. They're easy to tweak too, thanks to strength, peak, and auto-rotate options!
18
20
399
83,331
André Pinto retweeted
Introducing React Native Doctor Find performance and security bugs in your mobile app Run via CLI and fix with agents. Fully open source npx react-doctor@latest
89
136
1,816
158,652
André Pinto retweeted
Lovable just made TanStack Start the foundation of every new app it ships. ~100,000 new apps a day. TanStack has 13 named public sponsors across Gold, Silver, Bronze. Lovable isn't on the list. At $400M ARR and $6.6B valuation, that should change.
15
18
502
56,421
André Pinto retweeted
Jamie just announced expo-desktop. Build macOS and Windows desktop app with expo! github.com/shirakaba/expo-de…
8
26
258
12,182
André Pinto retweeted
We just got @expo desktop from @birch_js at @appjsconf! ⚛️🚀
8
20
225
19,125
André Pinto retweeted
In Expo SDK 56 you no longer need react-native, react, react-dom, or react-native-web installed to run `npx expo start` and create a bundle. Any guesses as to why we added this?
41
12
443
34,075