npm install funky-shadow funky-shadow is a React component that renders dithered, gradient-colored shadows behind any element. 12 built-in palettes, custom color stops, configurable pixel scale and dithering patterns. I wrote up how it works and what you can do with it here iamnoman.com/funky-shadow
▶@npm_i_shaders
▶@stephenhaney≡ 3
▶@nextjs
▶@iamdothash
▶@toolfolio
@nucleoicons+3
▶@AkshitVrma
▶@iamdothash
▶@JulianGarnierThe first thing on my agenda is to make theming as easy as possible.
The next thing in my agenda is to find the best way to create native apps for Omarchy that is not a hassle.@iamdothash
▶@grimcodes≡ 2
▶@bnj
▶@0xGoodfutureLow-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
@ImSh4yy
▶@pheralb_@derekmeegan i make all of these on http://shadertoy.com!@instance_11
▶@CollectUI
@AlbiaHossain
@backpinelabs
▶@alibey_10
▶@bestdesignsonx
▶@bnj
@ctatedev
▶@mds
▶@ElijahKurien
▶@ZingadePiyushOne 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
▶@arlanoska≡ 2
▶@beechinour