Discover the best chatgpt websites created by professional designers. Get inspired and start planning your perfect chatgpt web design today!

Rebuilt iOS scroll animation with Webflow IX. 
ChatGPT4 generated time/date script.
It works perfectly on a desktop. 
iPhone Safari - has some delay when scrolling down. Mobile chrome works better. 

IOS-scroll

iOS Scroll in Webflow

Hi Webflowers ! This project is a simulation of the ChatGPT AI reproduced on Webflow. Webflow GPT gives answers according to the data inserted in the CMS! Developed with the Client-First V2 method!

Webflow GPT

Memberstack

Hey everyone!

Here's a new template that we're super excited for - a perfect example of how you can utilize AI, Webflow, Memberstack, and Make to create a completely automated business - with this setup, you can create tools similar to Jarvis and many, many more.

We're excited to see what you make with this one!

AI Essay Writer (Subscription Site)

OpenAI + Webflow Template (ChatGPT Essay Writer)

This is a fun AI experiment. 

I generated the striking visuals of this website with the AI artwork generator Midjourney. Chat GPT generated the copy and Gigapixel upscaled the image.

A more in-depth explanation is available below the website's hero section. 

Branding ai

AI generated landing page (Midjourney, Chat GPT, Gigapixel) 

Build your own ChatGPT interface in Webflow!

* Demo Login *
email: demo@alphi.dev
password: demo1234

🤖 OpenAI ChatGPT 3.5 or 4
💬 Chat History
🔢 Formatted Responses
⚡️ Response Stream (Live)
🔒 Secured with Memberstack

* Description *
You can extend this cloneable and build your own user interface for ChatGPT or build a SaaS application.

🚀 Sign up to Alphi today and clone the blueprint!

* Disclaimer *
1. Alphi Streaming is a NEW feature which is still in beta!
2. You are responsible for your OpenAI usage credits!
3. You should NOT remove the Memberstack node as this will allow anyone to run the flow.
4. We recommend adding usage limits for users.

* Credits *
OpenAI
Memberstack
Mast (CSS)
Shard Icons (SVG)
Shiny Framework (JS)
Designed by Will Neeteson

Shiny x Assistant

Shiny x Assistant (OpenAI + Memberstack)

Barba.js for fluid and smooth transitions while keeping your Webflow interactions.
Click on "Learn About GPT-4" to go to the next page.

OpenAI

Barba.js (Smooth Page Transiton) / OpenAI.com clone

Freebie for my Webflow friends. 
This section is perfect to display screenshots of your client projects on your portfolio or to show some features items sticky on scroll. 

Clone and have fun 💙

→ No link with Flow Party, educational purpose only.

🔗 See more inspiring sites on : https://lapa.ninja
🔗 Twitter : https://twitter.com/matthisgarnr

Matthis - Showcase sticky scroll

 [Cloneable] - ⚓️ Sticky portfolio projects section

Here's a brand new OpenAI Webflow business template!

This one is full of goodies including:
- Conditional redirects
- Prefill sign in email
- Progress tracker
- AI Copywriting
- No refresh results
- Paid & free plans
- Limited free usage
- Usage visualization

And a lot more! This template is everything that you need to start your AI SaaS using nothing but Webflow, Make, and Memberstack!

Enjoy!

ChatGPT Copywriter Template

ChatGPT Copywriter | Free Webflow Business Template With OpenAI

A cloneable to demonstrate how Webflow can be connected to GPT-3. 
Check out the tutorial to learn more:
https://www.pixel.berlin/en/blog/connect-webflow-to-chat-gpt-3

robocoach

Bookmark

AI Particles

IX 100% custom code done by #ChatGPT. It took me less than 2 mins.

065 - 100 days of @webflow interactions

#65 AI Particles

Integrate OpenAI's API directly into any of your Webflow sites, to build simple web apps similar to ChatGPT, where users can prompt OpenAI's API and see results on the same page (without having to create CMS items, or redirect your users to another page).

Project walkthrough & tutorial : 
https://www.youtube.com/watch?v=ox8x6O0qZyA

Artist Statement Generator - Cloneable

A.I. Generator | OpenAI GPT-3.5 Integration

Use OpenAI GPT-3's to generate SEO titles and descriptions straight from the Webflow Designer.

Open the page settings, click the new 'Generate Title' or 'Generate Description' button and add your keywords! Additionally, add info on the page's purpose to provide OpenAI GPT-3 some additional context. 

All meta titles generated by this plugin are capped at 70 characters. Meta descriptions are capped at 160 characters.

Generate Metatags

Generate SEO title Tags using GPT-3 | Free Webflow Chrome Plugin

Scroll IX generated by AI

This one took a little while to communicate with #chatGPT

066 - 100 days of @webflow interactions

#66 Scroll IX generated by AI

ChatGPT can be used to write a jQuery script for a "typer" text effect by providing the necessary HTML, CSS, and JavaScript code snippets.

ChatGPT jQuery Typer Text

chatgpt-jquery-typer-text

CultivateGPT is teaching me and my Instagram community how to best utilize AI in web design over the next 30 days.

Today is Day 2 and CultivateGPT wanted to teach us how to create unique background images with just a few words.

Through Midjourney, I created these 4 images and I wanted to put them in an actual Webflow project to see how they would work. 

In this cloneable, you can see the prompts I used, the images Midjourney produced, and how I incorporated them into a real design on Webflow.

Join the Journey --> instagram.com/thatwebflowgirl

Midjourney Review

CultivateGPT // Day 02 - Midjourney Review

This virtual timer was modelled after a clever countdown timer design by timetimer.com. 

The website + visual interactions were made in Webflow, the audio is from Freesound.org, the red circle animation is from Lottiefiles.com, and the code which plays the audio was generated by me in ChatGPT.

Scroll down past the instructions to see a quick video tutorial which explains how it works. 

Timer Instructions

60 Minute Time Timer
Refresh the page. The timer resets itself to 60 minutes anytime the page reloads. 

55-5 Minute Time Timer
Simply hover and click on the time you want. This will wind the virtual timer automatically and begin the countdown. When time is up, a relaxing and slow-to-build audio file will begin to play.

How to Build a Virtual Timer
The following video is about 8 minutes long and explain how the project works. If you have questions, feel free to leave a comment in the Loom video. https://www.loom.com/share/fb8acac0da6245959fbe4e26574d550c

Time Timer

Free Virtual Time Timer

Isak Tuene

Portfolio website for a Norwegian Webflow developer, showcasing projects and blog posts using Webflow CMS. Leveraging ChatGPT for the artwork and some of the copy.

isak-tuene

The Flow Lab

BookQuest is an AI-powered library designed to give readers granular control over their book search. Discover new reads based on specific parameters all measured by an unbiased AI language model. Add books to your list, track your progress and receive accurate recommendations based on your reading habits.   

Discover chatgpt websites built by the Webflow community

Discover chatgpt websites built by the Webflow community