Built an AI-driven SaaS with deep Google Maps and website scraping using Playwright and Cheerio,

Built an AI-driven SaaS with deep Google Maps and website scraping using Playwright and Cheerio,Built an AI-driven SaaS with deep Google Maps and website scraping using Playwright and Cheerio,

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

Matthew Kobilan

• Mar 25

Built an AI-driven SaaS with deep Google Maps and website scraping using Playwright and Cheerio, automated Icebreaker generation via Google Gemini, and a full CRM pipeline with drag-and-drop kanban board.

Integrated Stripe subscriptions, Resend transactional email, and a fully typed Next.js 16 and TypeScript and Supabase backend with real-time data synchronization.

Backend Development Frontend Development UI Design Next.js Tailwind CSS TypeScript

Anton Gridz

pro

• Apr 23

While everyone is testing out the new Framer logo shaders, I decided to vibe-code my own Liquid Glass effect. Focused on achieving that perfect organic "liquid" distortion. The way it handles complex shapes like the Claude logo is just… 🤌

vibecoding threejs Claude Vibe Coding Prototyping UI Design Google Antigravity Google Gemini

Vinit Deshwal

• Apr 25

Woah, this is great!

Zafar Saleem

• Apr 24

🚀 High-Performance Command Search Bar for SaaS Dashboards

I build premium, scalable frontend components designed for modern SaaS products.

This custom global search interface is optimized for:

• Long text handling without UI breakage

• Keyboard-first workflows (Cmd + F support)

• Smooth focus states & micro-interactions

• Clean, modern dark UI aesthetics

Built with React, Next.js, and CSS, this component enhances usability, boosts retention, and elevates product perception.

—————————

I specialize in UI development, landing pages, dashboards & pixel-perfect frontend.

If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.

📱👉🏻 https://zafar-saleem.github.io

#buildinpublic #css #web #saas #html #reactjs #nextjs #webdev #frontend #coding #programming #websites #website #landingpage #landingpages #dashboard #dashboards #producthunt #ui #uicomponents #webcomponents #ux #indiehackers #animations #microinteractions #webdevelopment #frontend #frontenddevelopment

Next.js TypeScript JavaScript Frontend Development Website CSS Web Development

Sajibur Rahman

• Apr 25

Wow Amazing Work Brother

James Klahn

pro

• Apr 23

Playing around with a couple of different directions for the welcome screen for Markit. Which layout you do you prefer? A few gift cards shuffling in an array, or a grid of gift cards that are randomly highlighted? Waiting on client approval before placing any actual gift cards / brand logos... Would love to hear your thoughts!

Figma mobileapp UI Design

9 voted

45%

11 voted

55%

20 votes

Closed

Taylor Fournier

pro

• Apr 23

I voted for the grid. The array just feels like there's too much visual emphasis on one card at a time. The grid makes it feel more like the main product is the variety of cards, rather than just the cards themselves. I'm not sure if that makes sense, it probably made more sense in my head hahaha