DEV Community: Gul Faraz

I Built TooLong.AI: Chat With Any Webpage

Gul Faraz — Mon, 17 Aug 2026 07:11:24 +0000

Ever opened a long webpage and thought, "I just need the important parts"?

I built TooLong.AI to make that easier.

Paste a public webpage URL, and the app:

🕷️ Scrapes and cleans the webpage with Cheerio
✂️ Splits the content into manageable chunks
🔎 Uses local TF-IDF / keyword similarity to find relevant content
🤖 Sends only the most relevant chunks to Groq
💬 Lets you chat naturally about the webpage

The interesting part is the architecture.

There is no database, no embeddings, no vector database, and no persistent chat storage. The backend runs entirely through Vercel Serverless Functions, with Firebase handling optional Google authentication.

It's also free-first and you can use the application without signing in.

Try it here

I'd love to hear what you think or what features you'd add next.

React #TypeScript #AI #Vercel #Groq #WebDevelopment #BuildInPublic

# JoyAuth: A Playful Authentication UI Kit for React

Gul Faraz — Sun, 16 Aug 2026 05:31:30 +0000

A complete collection of authentication flows:

Login
Sign up
Forgot password
Reset password
Email verification
OTP verification
Account success
Session expired
Access denied
404
Protected dashboard It also includes playful details like interactive mascots, password-strength reactions, eye-tracking, smooth animations, and configurable themes.

Built for developers

The project is written in React + TypeScript and includes a local demo authentication service, so there are no paid APIs or credentials required to run the demo.

If you're building a React application and want an authentication experience with a little more personality, check it out. 🚀

See the demo

Buy it now

Draw Your Screen. Offline Screenshot Annotation for Chrome

Gul Faraz — Tue, 11 Aug 2026 18:18:25 +0000

Just released a new Chrome extension: Draw Your Screen.

Capture full tabs or selected areas, then annotate with arrows, shapes, text, highlighter, and blur.

100% offline. Zero tracking. Everything stays on your device.

Check it out: chrome web store

All new React-Native UI Components!

Gul Faraz — Thu, 06 Aug 2026 08:56:13 +0000

Just released a pack of 10 modern, animated, production-ready bottom sheets for React Native developers.

✨ Copy & paste
🎨 Premium UI
⚡ Smooth animations
📱 Android & iOS
🛠️ Easy to customize
Perfect for shipping beautiful mobile apps faster.
🔗 farazgul.gumroad.com

ReactNative #MobileDev #JavaScript #TypeScript #UIDesign #IndieDev #100DaysOfCode

Just launched my first React Native UI product! 22 Premium Animated Toggle Switches built with React Native, TypeScript & Reanimated. ✨ Production-ready 📱 Expo compatible 🎨 Easy to customize Check it out 👇 🔗 https://farazgul.gumroad.com/l/react-toggle

Gul Faraz — Thu, 30 Jul 2026 12:10:58 +0000

React-native Animated toggle Switches

Build Better Mobile Apps with Beautiful Toggle SwitchesStop using the same boring default switch.This pack includes 22 animated toggle switch components designed to add polished micro-interactions to your React Native applications.Each toggle has its own unique animation and style, making your app feel modern, premium, and engaging.Whether you're building a finance app, marketplace, dashboard, social app, healthcare app, or productivity tool, these components can be dropped into your project with minimal effort.What's Included✅ 22 unique animated toggle switch components✅ Built with React Native✅ TypeScript source code✅ React Native Reanimated animations✅ Expo compatible✅ Production-ready code✅ Clean and reusable component structure✅ Fully customizable colors and sizes✅ Example showcase project includedToggle Styles Included Elastic Toggle Liquid Toggle Magnetic Toggle Rubber Band Toggle Bounce Toggle Spring Toggle Rolling Ball Toggle Flip Toggle Rotating Thumb Toggle Expanding Background Toggle Sliding Capsule Toggle Wave Motion Toggle Pulse Toggle Scale Toggle Morphing Shape Toggle Glow Border Toggle Ripple Toggle Floating Thumb Toggle Press Depth Toggle Three-D Tilt Toggle Soft Overshoot Toggle Swipe Interaction Toggle Easy to UseSimply copy the component into your project and use it like any other React Native component.const [enabled, setEnabled] = useState(false); <BounceToggle value={enabled} onValueChange={setEnabled} size={80} />Built With React Native Expo TypeScript React Native Reanimated Perfect For Mobile Applications SaaS Apps Dashboards Finance Apps E-commerce Productivity Apps Social Apps Admin Panels Internal Business Apps What You'll Receive Complete source code Individual reusable components Documentation Lifetime access to this version Requirements React Native Expo (recommended) React Native Reanimated LicenseYou may use these components in unlimited personal and commercial projects.Redistribution or resale of the source code as a standalone product is not permitted.

farazgul.gumroad.com