Vamsi Batchu · pinion

Vamsi Batchu@vamsibatchuk

font pairing is hard. it is one of those problems that sounds simple until you're 45 minutes deep into Google Fonts with 12 tabs open & still stuck with the classic 'inter'. I built typevibe to give you a head start. tell it what you're building & it recommends unique font pairings along with 32 design templates that instantly show you how those fonts actually look. editorials. posters. menu cards. data dashboards. all updating live as you explore different pairings. typevibe.vercel.app/

related

@vladmoroz Average UI isn’t our competition. It’s what we replace. https://ui.watermelon.sh/@vanshdevx

▶@beechinour @wesbos definitely @mobbin https://mobbin.com/ also UI library showcases like @chakra_ui is an underrated place to look!@jeffzxh

▶@CollectUI @wesbos https://bestdesignsonx.com/ Best thing I found so far@mike_ulicny

▶@michaelmicasso≡ 2 Introducing Vibe SDK@rauchg

@dingyi One tip for your websites Your AI-generated sites often look cheap cause you lack good assets and typography. It's not just about the prompt ;) Here are some good inspo sites! ✦ http://ui.aceternity.com -> nice react components and micro-animations ✦ http://bentogrids.com -> really really great layout inspiration for dashboards/grids ✦ http://fontshare.com -> for premium typography ✦ http://coolshap.es and http://grainient.supply/freebies -> nice shapes and background textures ✦ http://craftwork.design/curated/websites/ -> very nice website inspiration@LexnLin

▶@michaelmicasso≡ 2

▶@by__huy Where do you get your design inspo from? Is there a site like awwwards that isn't just HUGE PHOTO + text + scroll jacking? Like sites that have to do things?@wesbos Best Model Per Use-Case Presentations - Gemini 2.5 Full-stack apps - GPT-5 Codex, Sonnet 4.5 Docs - Gemini 2.5, GPT-5 thinking Videos - Sora 2 Images - Nano Banana Coding - Sonnet 4.5, Grok Code Fast Browser use - Sonnet 4.5 Doc Processing - Gemini Flash Enterprise Search - Sonnet 4.5 Data analysis (complex) - Opus 4.1 Agentic workflows - Sonnet 4.5, Haiku 4.5@bindureddy

▶@abouelatta_ali

@bertwitt≡ 12+13

▶@argofowl≡ 2

@UiSavior @vixhal have you tried qutebrowser?? It has vim like controls, and it's super lightweight.@surajpathakcs

▶@tomm_ui Low-key websites I quietly rely on 1) http://roadmap.sh Gives you a brutally clear learning path for roles like frontend, backend, DevOps, etc No fluff, just “learn this → then this → then this”. 2) http://playcode.io An online playground to quickly test HTML, CSS, JS without setting up anything locally Perfect for quick experiments and debugging ideas 3) http://usehooks.com A collection of reusable React hooks with real use cases Saves time and helps you avoid rewriting the same logic again and again 4) http://devhints.io Concise cheat sheets for languages, frameworks, and tools. Ideal when you forget syntax and don’t want to read a 20-minute blog 5) http://jsoncrack.com Turns messy JSON into a clean visual tree Makes understanding large APIs and configs way easier than staring at raw text 6) http://realtimecolors.com Lets you generate and preview color palettes instantly Useful when you want decent UI colors without guessing or copying blindly 7) http://regex101.com Build, test, and debug regex step by step with explanations Honestly, the fastest way to stop hating regex 8) http://bundlephobia.com Shows how big an npm package really is before you install it Helps you avoid bloating your app with “tiny” libraries 9) http://caniuse.com Tells you which CSS/JS features actually work across browsers Essential before using shiny new features in production 10) http://toolbox.googleapps.com Google’s own diagnostics tools for DNS, email, headers, and network issues Surprisingly useful for debugging real-world problems 👉 Which one of these do you already use and which one did you not know existed?@shekhu04