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 ↓

HTTP 301: Moved Permanently

Gave my first keynote at Berlin I/O Connect 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/

@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!

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

My first defensive publication at Google is live 🎉 “Graph-based AI Compiler” www.tdcommons.org/dpubs_series...

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

Can’t wait to cook with @rodydavis.com this week!

Angular@angular.dev · last yr.

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

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.

Melting down some aluminum 🔥

Synology NAS + UNAS Pro = 120TB 🤓🔥

Sometimes you need to see your blog posts and tags as a 3d graph! 🤓 rodydavis.com/graph

Get started with @firebase.com Studio 🚀❤️‍🔥 Let me know if you have any questions or feature requests! #FirebaseStudio www.youtube.com/watch?v=vVAu...

Introducing Firebase Studio

YouTube video by Firebase

youtube.com

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

Compile SQLite from source to WASM in Firebase Studio

YouTube video by Firebase

youtube.com

Celebrate the first anniversary with my wife ❤️

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!

Google AI Studio

Google AI Studio is the fastest way to start building with Gemini, our next generation family of multimodal generative AI models.

ai.studio

Rody Davis@rodydavis.com · last yr.

Firebase Studio now supports Gemma 3 image inputs on the Gemini Developer API 🔥🪄🚀 @firebase.com @googledevs.bsky.social

Firebase Studio now supports Gemma 3 image inputs on the Gemini Developer API 🔥🪄🚀 @firebase.com @googledevs.bsky.social

🥳 We added new attributes to HTML to enhance <input type=color>: webkit.org/blog/16900/p...

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.

webkit.org

@firebase.com Studio now supports creating prototypes on mobile! 🔥🚀📱

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

Accordion

A vertically stacked set of interactive headings that each reveal a section of content.

ui.shadcn.com

Vibes based coding with the Apple Vision Pro and @firebase.com Studio 🕶️🔥🚀

@firebase.com Studio on a e-ink tablet 🚀🔥 firebase.studio

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!

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 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...

firebase.studio

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 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...

firebase.studio

Gemini 2.5 Pro in Project IDX can easily add authentication screens to the Flutter counter app 💙🚀 @flutter.dev @dart.dev

Gemini in DartPad integration landed! Great work from @jryanio.bsky.social, @csells.bsky.social, and others!

Working on my slides for Next25! Hope to see you there 😎

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...

Clash of Clans style button web component

If you want to make Clash-style buttons on your webpages, use this component!...

codepen.io