beech · pinion

beech@beechinour

S-tier websites for creative inspiration: film/video → frameset.app imagery → savee.com imagery → www.cosmos.so video/transitions → eyecannndy.com film stills → fancaps.net film stills → shotdeck.com web design → www.awwwards.com web Design → curated.design landing Pages → landing.love saas Websites → saaspo.com mobile Apps → mobbin.com brands → rebrand.gallery design Systems → component.gallery objects → www.cosmos.so what am i missing?

related

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 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

@UiSavior @wesbos https://www.siteinspire.com/websites always been at the top of the list for me.@yiannifive

▶@toolfolio Share your portfolio website!@damnGruz

@UiSavior 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

▶@taimoor_nasir1≡ 2

▶@abouelatta_ali

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

▶@ElijahKurien

@chrstnerode≡ 11+11 design engineering is not animations https://micro.bossadizenith.me/writing/animations@bossadizenith

@bertwitt≡ 12+13

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

▶@bnj @dudufolio If you need logos on an API there's @logodotdev http://logo.dev@gingerbeardman