Back to directory

GeminiCoder

A React web app that uses the Google Generative AI (Gemini) API to turn a plain-language app idea into HTML and Tailwind CSS code for quick prototyping.

Visit website (opens in a new tab)gemini-coder.vercel.app
GeminiCoder

GeminiCoder is a web application built with Create React App that helps a user turn an app idea into HTML and Tailwind CSS markup. It sends the user's description to Google's Generative AI model and returns generated code with a preview.

Using it requires a Google Generative AI API key, created through a Google Cloud project with the Generative AI API enabled and set as an environment variable. Running npm start launches the development server locally.

More in Design tools

See all 97
  • Wave

    wave.subworkflow.ai

    A browser-based tool for designing layered gradient wave backgrounds, with a colour wheel per layer, presets and shape or colour shuffling, exported as a looping MP4 or GIF.

  • SpikeUI

    nimoxi.com

    A visual, WYSIWYG UI designer that exports a design directly to HTML, CSS and JavaScript or to a native Windows application, sold as a one-time purchase with no subscription, and including a built-in AI assistant that can build components from a description.

  • Bastardica

    bastardica.mitpit.com

    A browser tool that mixes, stretches, and squishes two fonts together glyph by glyph, exporting the result as a downloadable TTF, OTF, or WOFF2 web font.