Static + dynamic in‑chat components (About, FAQ, Project cards, Cal.com (http://Cal.com) booking) Any OpenAI‑compatible API: Your key + base URL; streaming/batch; temperature, tokens, stop, top‑p RAG in Framer: Paste/upload KB, auto‑chunk + overlap, batch‑embed with progress, copy/download JSON; prod supports JSON or file URL; cosine search Smart UX: Markdown, typing indicator, shimmer suggestion pills (fill or send), offline banner, reset, clean grouping Configurable: Colors, fonts, radii, shadows, limits, persistence & more Do everything inside Framer Preview & Instructions (https://full-designers-846255.framer.app/) Remix in Framer (https://framer.link/GSbEZSf)Check it and let me know your thoughtsStatic + dynamic in‑chat components (About, FAQ, Project cards, Cal.com (http://Cal.com) booking) Any OpenAI‑compatible API: Your key + base URL; streaming/batch; temperature, tokens, stop, top‑p RAG in Framer: Paste/upload KB, auto‑chunk + overlap, batch‑embed with progress, copy/download JSON; prod supports JSON or file URL; cosine search Smart UX: Markdown, typing indicator, shimmer suggestion pills (fill or send), offline banner, reset, clean grouping Configurable: Colors, fonts, radii, shadows, limits, persistence & more Do everything inside Framer Preview & Instructions (https://full-designers-846255.framer.app/) Remix in Framer (https://framer.link/GSbEZSf)Check it and let me know your thoughts
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
After hundreds of debugging iterations… the Framer‑native AI chatbot is here
Built end‑to‑end in Framer
Framer‑native UI: Static + dynamic in‑chat components (About, FAQ, Project cards, Cal.com booking)
Any OpenAI‑compatible API: Your key + base URL; streaming/batch; temperature, tokens, stop, top‑p
RAG in Framer: Paste/upload KB, auto‑chunk + overlap, batch‑embed with progress, copy/download JSON; prod supports JSON or file URL; cosine search
Smart UX: Markdown, typing indicator, shimmer suggestion pills (fill or send), offline banner, reset, clean grouping
Configurable: Colors, fonts, radii, shadows, limits, persistence & more
Do everything inside Framer
Remix in Framer Check it and let me know your thoughts
Iqtidar -'s avatar
@Mehdi Hassan This is seriously impressive. The fact that you've managed to build a full RAG pipeline—auto-chunking, batch embedding, and cosine search—natively within Framer is a genuine technical achievement. It completely changes the game for what's possible on the platform. The...
Rashid's avatar
@Mehdi Hassan I check it, remixed, its something awesome
Erika's avatar
@Mehdi Hassan blown away! The documentation + chat-like feature is stunning! 🤯💬
Mehdi's avatar
@Erika Carpio Thanks.. I am glad that you like it.
FlutterflowDevs's avatar
FlutterflowDevs logo
@Mehdi Hassan Really impressive! Curious—what was the biggest challenge while building this?
Mehdi's avatar
@FlutterflowDevs the biggest challenge was rendering components inside of the chat. The problem with that was first I needed static components and second I needed the dynamic components with props. The problem was to correctly instruct LLM to write correct Custom TAGCode for us to use regex,...
FlutterflowDevs's avatar
FlutterflowDevs logo
@Mehdi Hassan That sounds like quite a challenge — balancing static vs dynamic components and getting regex + props aligned isn’t easy. The way you solved it really shows your attention to detail.
Chirag's avatar
@Mehdi Hassan Impressive work!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started