Vibe Coding Tools

Deal the cards, flip the challenge — then race to build it! A game show-style classroom activity where every round generates a unique AI coding prompt.

A hands-on space for vibe coders to explore common UI elements like modals, toasts, toggles, tooltips, and accordions. See how each one works and learn how (and why) to use them in your own projects.

Connect your GitHub account, upload an audio or image file, and instantly get a link you can use in your vibe-coded app.

Adjust the sliders to create different sound effects. Copy the generated code and paste it into an AI chat to use the sound in games or apps you build.

AI can cook up simple music for your game or app. Pick ingredients to build a prompt you can copy and paste into your AI chat.

Drag in your SVG and the code is instantly copied. Paste it into your AI chat so the graphic becomes part of your app.

Paste your Google Drive link and instantly copy a direct image URL. Drop it into your AI chat so your app can display the image.

Bring in an SVG. Select, group, and label parts of the image. Copy the code and paste into your AI chat. Use the labels to tell AI which parts you want to animate.

Your app needs the perfect title! With this Gemini Gem, brainstorm clever, delightful, and ridiculous names for your app so your vibe-coding journey ends happily ever after.

Drag in your image and instantly copy the Base64 string. Paste it into your AI chat so the image becomes part of your app.

Bring in your sound effect or short audio clip to copy a highly-compressed Base64 tag. Paste it into your AI chat so the sound becomes part of your app.