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
Back to feedPost
Persistent RAG Chatbot: Dual-Model AI Architecture
Production-grade AI chatbot using LangGraph with dual-model architecture — Groq (Llama 3.3) for speed, Gemini Flash-Lite for complex reasoning. Automated fallback logic switches models on API quota exhaustion, maintaining 100% uptime.
RAG pipeline built with FAISS and HuggingFace MiniLM embeddings for offline semantic search. Chat memory persists across sessions via MongoDB.
Real-time token streaming via SSE with React memoization. Next.js 15 frontend, FastAPI backend, Node.js proxy for stream handling.
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Cheers! 🤘
𝗪𝗲’𝘃𝗲 𝗿𝗼𝗹𝗹𝗲𝗱 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗽𝗿𝗼𝗷𝗲𝗰𝘁 𝘄𝗲 𝘁𝗲𝗮𝘀𝗲𝗱 𝗿𝗲𝗰𝗲𝗻𝘁𝗹𝘆.
We finished developing the promo site for 𝗦𝗮𝘀𝗵𝗮 𝗟𝗮𝗴𝘂𝘁𝗮'𝘀 "𝗣𝗹𝘂𝘀 𝘁𝗼 𝗟𝗲𝘃𝗲𝗹" intensives. Our task was to carefully translate the mockups into code using a fluid layout, fully preserving the author's vision. Along the way, we helped fine-tune the animations right during the build process.
𝗨𝗻𝗱𝗲𝗿 𝘁𝗵𝗲 𝗵𝗼𝗼𝗱, 𝘄𝗲 𝗽𝗮𝗰𝗸𝗲𝗱 𝗮 𝗹𝗼𝘁 𝗼𝗳 𝗴𝗼𝗼𝗱𝗶𝗲𝘀:
• Sequential text reveal via cycling
• Interactive field with student cards
• Infinite Canvas with a depth effect
• Draggable horizontal scroll
We had a separate battle with Safari. We had to get tricky with video playback to bypass the browser's strict limitations without breaking anything.
We love challenges like this. When strong visuals meet creative development, a website truly comes alive. This isn't our first time working with Sasha, so the process went smoothly and without any fuss. Thanks for the trust.
𝗗𝗿𝗼𝗽 𝗯𝘆 𝘁𝗼 𝗰𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝘁𝗵𝗲 𝗹𝗶𝘃𝗲 𝘀𝗶𝘁𝗲:
https://plustolevel.taptop.site/
My new case study on building a Framer portfolio for a visual artist.
beautiful work & attention to detail!
One of my favorite UI experiments so far.
I challenged myself to create a cinematic Pepsi landing page where the interface feels like it’s floating within the experience rather than simply sitting on top of a background.
✨ What I explored:
1. AI-generated animated backgrounds
2. Scroll-driven storytelling with multiple Pepsi products
3. Glassmorphism & frosted-glass UI
4. Smooth blur, reflections, and premium lighting
5. Framer Motion animations
6. Fully responsive design
Built with React, Vite & Tailwind CSS The goal was not just to build another landing page it was to create an immersive experience where motion, depth, and interaction work together to tell a story.
I am still refining the animations and interactions, but I’m really happy with where it’s heading. What would you improve or add?
#React #TailwindCSS #FramerMotion #UI #UX #WebDesign #Frontend #Glassmorphism #LandingPage #MotionDesign #CreativeCoding
The floating glassmorphism UI paired with AI-animated backgrounds creates an incredible depth. How did you handle performance optimization with those blurs and smooth scroll animations in React?
