n8n Workflow: Tailwind Landing Page Generator to Google Drive

Generate a complete Tailwind landing page from an idea—then automatically upload it to Google Drive

This n8n workflow turns a simple “Website Description” submitted via an n8n form into a polished, multi-section Tailwind CSS HTML page using Google Gemini. Once assembled, it converts the result into an HTML file and uploads it to your selected folder in Google Drive.

What this workflow does

• Form-triggered input: The workflow starts when a user submits the “AI Website Generator” form with a Website Description.
• Google Gemini section generation: It sends your description to the Google Gemini generateContent API to generate a Tailwind CSS Hero section.
• Builds a full page: It makes successive Gemini API requests to generate additional Tailwind sections: Features, About, Testimonials, Pricing, and Footer.
• Assembles the final HTML: The workflow combines all returned section HTML into one complete HTML document, including the Tailwind CDN script.
• Converts to a file: It converts the generated HTML string into an HTML file.
• Uploads to Google Drive: The finished file is uploaded to your chosen `Drive` and `folder`.

Use cases

• Produce landing pages for SaaS experiments and quickly store drafts in Google Drive.
• Streamline marketing ideation: collect a description from stakeholders and generate Tailwind sections automatically.
• Automation engineers: create an AI-assisted content pipeline that outputs ready-to-use HTML assets.

Technical details

• n8n nodes / components: form trigger, code, wait, HTTP request, convert to file, and Google Drive.
• Integrations: Google Gemini (via HTTP requests) and Google Drive (OAuth2).
• Setup required: connect Google Drive OAuth2, select target Drive/folder, add a Google Gemini API key (replace the hard-coded key in each Gemini request URL), and publish the n8n form to share its URL.