Sign in

Rody Davis

@rodydavis.com
725 followers 90 following 333 posts

Senior Developer Relations Engineer @ Google 🚀 Antigravity 🚀 Firebase Studio ✨ Gemini / Gemma 🔥 Firebase 💙 Flutter 🔥 Lit 🎨 Material Design opinions are my own

PostsRepliesMedia
Reposted by Rody Davis
Peter Friese @peterfriese.dev · 25/07/2025
Ready for some live vibe coding in Firebase Studio with @rodydavis.com, @nohe.dev, and myself? Join us on July 30th at 09:00 PT / 12:00 ET / 18:00 CET / 17:00 GMT Link below ↓
141
Rody Davis @rodydavis.com · 18/07/2025
HTTP 301: Moved Permanently
270
Rody Davis @rodydavis.com · 26/06/2025
Gave my first keynote at Berlin I/O Connect 2025 ✨🎉😁
3181
Reposted by Rody Davis
Keith Clark @keithclarkcouk.bsky.social · 23/06/2025
Made a new Web Component: RichInput. It's a drop-in replacement for text-based <input> elements that can colourise user input. A "stylepattern" attribute accepts a regex pattern and the resulting capture groups can be styled using CSS `::part(group-n)` keithclark.github.io/richinput/
313324
Reposted by Rody Davis
Craig @labenz.dev · 23/06/2025
@rodydavis.com introduced me to shadcn and Flutter's implementations, and I've really been enjoying how simple they make constructing functional UIs. If you've not looked at shadcn as a base widget library, now is the time!
3141
Reposted by Rody Davis
Chris Ferdinandi @cferdinandi.bsky.social · 21/06/2025
I just launched Kelp UI (my UI library for people who love HTML, powered by modern CSS and Web Components)! Currently in alpha. Rapidly building out the docs. Let me know what you think! 🎉🎉🎉 kelpui.com
kelpui.com
Kelp
A UI library for people who love HTML, powered by modern CSS and Web Components.
1116331
Rody Davis @rodydavis.com · 21/06/2025
My first defensive publication at Google is live 🎉 “Graph-based AI Compiler” www.tdcommons.org/dpubs_series...
tdcommons.org
Graph-based AI Compiler
This disclosure describes compiler-based techniques of automatic code generation using large language models (LLMs). In contrast to traditional LLM-based code generation, which uses context windows of...
030
Reposted by Rody Davis
Angular @angular.dev · 11/06/2025
Have you wanted to code in Firebase Studio IDE to build Angular apps? Well, then you're in luck - come hang out with Rody Davis from the Firebase Studio team and Mark Thompson as they develop AI rules and prompts for Angular in Firebase Studio 🚀 Friday Jun 13 @ 9 AM Pacific - goo.gle/ng-live
Angular Live Stream Building AI rules in Firebase Studio with Mark Thompson and Rody Davis

Friday Jun 13 @ 9 AM Pacific - http://goo.gle/ng-live
063
Reposted by Rody Davis
Mark Techson @marktechson.com · 11/06/2025
Can’t wait to cook with @rodydavis.com this week!
094
Rody Davis @rodydavis.com · 04/06/2025
I like to think about prompting LLMs for text generation like I do image generation 🤔 For example you can provide guardrails, scoped context, details about what the goal is, not assuming and being explicit about context, and not providing more than is necessary.
210
Rody Davis @rodydavis.com · 30/05/2025
Melting down some aluminum 🔥
330
Rody Davis @rodydavis.com · 30/05/2025
Synology NAS + UNAS Pro = 120TB 🤓🔥
030
Rody Davis @rodydavis.com · 28/05/2025
Sometimes you need to see your blog posts and tags as a 3d graph! 🤓 rodydavis.com/graph
010
Rody Davis @rodydavis.com · 27/05/2025
Get started with @firebase.com Studio 🚀❤️‍🔥 Let me know if you have any questions or feature requests! #FirebaseStudio www.youtube.com/watch?v=vVAu...
youtube.com
Introducing Firebase Studio
YouTube video by Firebase
2115
Rody Davis @rodydavis.com · 15/05/2025
Learn how to compile SQLite from source to WASM in Firebase Studio with a blank template 👀 www.youtube.com/watch?v=hox-... @firebase.com @googledevs.bsky.social
youtube.com
Compile SQLite from source to WASM in Firebase Studio
YouTube video by Firebase
000
Rody Davis @rodydavis.com · 12/05/2025
Celebrate the first anniversary with my wife ❤️
2100
Reposted by Rody Davis
Gus @gusthema.bsky.social · 11/05/2025
Last week we added the vision capability to Gemma 3 models on AI Studio (ai.studio) and that opened up many new possibilities, including the Firebase Studio integration! check it out!
ai.studio
Google AI Studio
Google AI Studio is the fastest way to start building with Gemini, our next generation family of multimodal generative AI models.
051
Rody Davis @rodydavis.com · 09/05/2025
Firebase Studio now supports Gemma 3 image inputs on the Gemini Developer API 🔥🪄🚀 @firebase.com @googledevs.bsky.social
130
Reposted by Rody Davis
Anne van Kesteren @annevk.nl · 07/05/2025
🥳 We added new attributes to HTML to enhance <input type=color>: webkit.org/blog/16900/p...
webkit.org
Add wide gamut P3 and alpha transparency to your color picker in HTML
Now HTML lets you create a color picker for wide gamut P3 color and for alpha transparency with two new attributes: <input type="color" colorspace="display-p3" alpha>, available today in Safari 18.4.
49026
Rody Davis @rodydavis.com · 02/05/2025
@firebase.com Studio now supports creating prototypes on mobile! 🔥🚀📱
230
Rody Davis @rodydavis.com · 28/04/2025
I really want @shadcn.com for pure CSS and/or even Web Components 🤔 ui.shadcn.com/docs/compone... I have wanted it for a lot of my projects where I don't want to use @react.dev (or JSX) and just want a simple no bundle setup with HTML/JS/CSS
ui.shadcn.com
Accordion
A vertically stacked set of interactive headings that each reveal a section of content.
470
Rody Davis @rodydavis.com · 16/04/2025
Vibes based coding with the Apple Vision Pro and @firebase.com Studio 🕶️🔥🚀
050
Rody Davis @rodydavis.com · 15/04/2025
@firebase.com Studio on a e-ink tablet 🚀🔥 firebase.studio
130
Reposted by Rody Davis
Kevin Moore @kevmoo.com · 10/04/2025
Got help from @rodydavis.com to get a Dart web sample running with @firebase.com studio! So cool. github.com/dart-lang/sa... Click to open!
github.com
GitHub - dart-lang/sample-pop_pop_win: "Pop, Pop, Win!" is an implementation of Minesweeper in Dart.
"Pop, Pop, Win!" is an implementation of Minesweeper in Dart. - dart-lang/sample-pop_pop_win
251
Rody Davis @rodydavis.com · 10/04/2025
Super excited about the launch of Firebase Studio! 🚀 firebase.studio Such an amazing moment and very thankful for the community that has helped Project IDX become what it is today 💙 Stay tuned for new templates and features! 👀 @firebase.com
firebase.studio
Firebase Studio
Firebase Studio is an entirely web-based workspace for full-stack application development, complete with the latest generative AI from Gemini, and full-fidelity app previews, powered by cloud emulator...
072
Reposted by Rody Davis
Roman Nurik @roman.nurik.net · 09/04/2025
Big day today... IDX is now firebase.studio! Learn more @ cloud.google.com/blog/products/application-development/firebase-studio-lets-you-build-full-stack-ai-apps-with-gemini
firebase.studio
Firebase Studio
Firebase Studio is an entirely web-based workspace for full-stack application development, complete with the latest generative AI from Gemini, and full-fidelity app previews, powered by cloud emulator...
2217
Rody Davis @rodydavis.com · 07/04/2025
Gemini 2.5 Pro in Project IDX can easily add authentication screens to the Flutter counter app 💙🚀 @flutter.dev @dart.dev
191
Reposted by Rody Davis
Andrew Brogdon @redbrogdon.dev · 27/03/2025
Gemini in DartPad integration landed! Great work from @jryanio.bsky.social, @csells.bsky.social, and others!
1188
Rody Davis @rodydavis.com · 24/03/2025
Working on my slides for Next25! Hope to see you there 😎
160
Reposted by Rody Davis
Cassidy @cassidoo.co · 24/03/2025
I've been going deep on @clashofclans.bsky.social lately and recreated their buttons (to the best of my ability) in CSS with a fun lil web component on @codepen.io! codepen.io/cassidoo/pen...
codepen.io
Clash of Clans style button web component
If you want to make Clash-style buttons on your webpages, use this component!...
1483
Rody Davis @rodydavis.com · 22/03/2025
This one was tricky, but I was able to get a working file system backed by a SQLite database! Even supports symlinks and any type of blob data with file watchers 🎉 github.com/rodydavis/sq... @flutter.dev @dart.dev #sqlite
2140
Rody Davis @rodydavis.com · 22/03/2025
Throwback to 11 years ago when I was an audio engineer and we had a concert on a roof at our school 🎶🎸🎹🎤
070
Rody Davis @rodydavis.com · 19/03/2025
How to create a new @reactnative.dev (without Expo) app in Project IDX 🚀🌐📱
120
Reposted by Rody Davis
Kevin Moore @kevmoo.com · 18/03/2025
Using Flutter on the web? Wish you had hot reload? You can try it out (in beta) today! Details here: www.reddit.com/r/FlutterDev...
reddit.com
Try out hot reload on the web with the latest Flutter beta
46019
Reposted by Rody Davis
Adam Argyle @nerdy.dev · 17/03/2025
I'll be at #GoogleIO this year, will you? nerdy.dev/google-io-2025
nerdy.dev
Google Io 2025 · March 17, 2025
Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.
3161
Reposted by Rody Davis
Andrew Brogdon @redbrogdon.dev · 14/03/2025
🚀 We've got an open position for technical writer for Dart and Go! www.google.com/about/career...
google.com
Technical Writer, Languages — Google Careers
0146
Reposted by Rody Davis
Jeff Dean @jeffdean.bsky.social · 13/03/2025
Introducing our Gemma 3 open models, the most capable models that you can run on a single GPU or TPU. Multimodal, multilingual, 128k context length, and exceeds quality of other open models that are an order of magnitude larger in terms of hardware footprint. 🎉 blog.google/technology/d...
blog.google
Introducing Gemma 3: The most capable model you can run on a single GPU or TPU
Today, we're introducing Gemma 3, our most capable, portable and responsible open model yet.
213820
Rody Davis @rodydavis.com · 10/03/2025
I got the SQLite Session extension working with sqlite3.dart!!! 🤯 github.com/rodydavis/sq...
170
Rody Davis @rodydavis.com · 10/03/2025
Casted my first aluminum bricks! 🧱🔥
4100
Rody Davis @rodydavis.com · 08/03/2025
Get started with @flutter.dev in Project IDX 💙🚀 www.youtube.com/shorts/_K0CZ...
youtube.com
Get started with Flutter in Project IDX
YouTube video by Rody Davis
1142
Rody Davis @rodydavis.com · 06/03/2025
So cool that lynx supports @preactjs.com! 🎉 lynxjs.org/api/react.html “ReactLynx is based on the React 17 API. You can expect the React APIs provided by @lynx-js/react to be fully compatible with React 17 or Preact.”
lynxjs.org
Lynx
Empower the web community and invite more to build cross-platform apps
160
Reposted by Rody Davis
Brett Morgan @domesticmouse.com · 01/03/2025
Thought of the day. Large language models are making markdown the required documentation format.
141
Rody Davis @rodydavis.com · 01/03/2025
Turns out you only need a small amount of code to use signals with Japsr! 🚀 gist.github.com/rodydavis/01... @dart.dev @flutter.dev
gist.github.com
counter.dart
GitHub Gist: instantly share code, notes, and snippets.
061
Reposted by Rody Davis
Justin Fagnani @justinfagnani.com · 26/02/2025
Signals are going to be such a boon to frontend dev, largely by eliminating integration shims between libraries. There are so many react-foo, vue-foo, etc libraries where the main thing they do is hook into the reactivity system. With signals, the foo lib itself can be reactive and work w/ any FW.
5322
Reposted by Rody Davis
MDN Web Docs @developer.mozilla.org · 25/02/2025
Shadow DOM is the backbone of Web Components, enabling modular, maintainable, and style-isolated elements. 🎨 Create encapsulated, self-contained components; preventing conflicts and improving maintainability for reusable components. 🧩 Start building 👇 developer.mozilla.org/en-US/docs/...
developer.mozilla.org
Using shadow DOM - Web APIs | MDN
An important aspect of custom elements is encapsulation, because a custom element, by definition, is a piece of reusable functionality: it might be dropped into any web page and be expected to work. So it's important that code running in the page should not be able to accidentally break a custom element by modifying its internal implementation. Shadow DOM enables you to attach a DOM tree to an element, and have the internals of this tree hidden from JavaScript and CSS running in the page.
0164
Reposted by Rody Davis
Kilian Schulte @schultek.dev · 25/02/2025
🔥 dart.dev now uses Jaspr! Super excited about it. Big thanks to @parlough.dev for helping me land this!
0222
Rody Davis @rodydavis.com · 16/02/2025
My website is now hosted on a Raspberry PI in my office! 🤯 CloudFlare (Domain w/ Proxy) => ATT (Public IP w/ Dynamic DNS) => Unify Gateway (Port forward) => Synology NAS (Reverse Proxy) => Raspberry PI 5 16GB RAM (PocketBase) rodydavis.com
7460
Rody Davis @rodydavis.com · 15/02/2025
How to create HTML Web Components with @dart.dev that compile to JS and WASM 🤯 rodydavis.com/posts/dart-h...
rodydavis.com
How to create HTML Web Components with Dart
Discover the power of Web Components and how to build them with both JavaScript and Dart for reusable, framework-agnostic UI elements.
171
Rody Davis @rodydavis.com · 13/02/2025
I finally have completed my Unify network!
120
Reposted by Rody Davis
Flutter @flutter.dev · 12/02/2025
Roses are red, widgets are neat, 3.29 can't be beat 💓 The latest release includes updates to improve developer experience, enhance app performance, and provide greater flexibility in design and code style management. Read the blog → goo.gle/4hzlcZ8
18916