
Tech entrepreneur and developer with over 15 years in the industry. Founder of 🎨 https://xitter.cf/t.co/L68YfwL5Yp and 🚜 @FarmoAgri ✨ Daily tweets about tech, UI, and UX.
Sweden
Joined December 2023
- Tweets3.5K
- Following1.1K
- Followers2.7K
- Likes3.6K
I'm still building my UI kit. Do you want access to it? Please let me know.
I've missed you all. Especially you @shadcn
Back here after being sick for a week and a half. 🥶 How are you doing?
Thanks to all of you that has been reaching out. I’ve a lot to catch up with, and I’m back writing docs for Grayscal.es again. I’ll keep you posted!
🚀🔄 Re-Run #React Hook with DEMO
📡 useBroadcastChannel
This hook allows you to send and receive messages between browser tabs or windows, keeping them up to date with each other. ✨
👉 Demo & Gist: grayscal.es/hooks/use-broadc…
🚀🔄 Re-Run #React Hook with DEMO
📋🫢 useUndo
This hook enhances your inputs with powerful undo/redo functionality. While you type, the value is saved in LocalStorage, so that it remains even if you refresh the page. ✨
👉 Demo & Gist: grayscal.es/hooks/use-undo
🌐🚀 #React hook - useNetwork
Real-time network insights! 📡✨
👉 Demo & Gist: grayscal.es/hooks/use-networ…
Discover downlink speed, connection type, and online status directly in your app. Great for adapting content to user's connection! 📶💻
✨Tonight's Grayscal.es reveal: Tiles
Allow users to make a single/multiple selections from a group of choices
⌨️ Keyboard friendly
✅💥 For Selection or Action
↔️ Different sizes
🎨 Multiple styles
🚀 useDebounce - A simple #React TS hook that allows you to debounce any fast-changing value.
The value will not be updated until the user has stopped typing. ⌨️ Good for autocompletion and search.
👉Demo & Gist: grayscal.es/hooks/use-deboun…
✨Tonight's Grayscal.es reveal: Dialog Blocks
☑️ Pre-made dialog blocks that easily can be customized to fit your application. Built on top of Grayscal.es, @shadcn Components and Tailwind.
Which blocks would you like to see in Grayscal.es?
🚀 useDeviceOrientation - #React TS hook that provides real-time orientation data of a device in 3D space. 📱✨
Use it for maps, 3D experiences, games, true parallax UIs or other beautiful things! 😃
👉Demo & Gist: grayscal.es/hooks/use-device…
Try it on your mobile! 📱
✨Tonight's Grayscal.es reveal: PhoneInput
Included in the upcoming early access release.
⌨️ Keyboard friendly
🏳️ Complete list of countries and country codes
↔️ Different sizes
🎨 Multiple styles
✅ Bring your own validation
🚀🔄 Updated useKeyPress - #React hook to capture Keyboard events (Like CMDK) ✨
👉 Demo & Gist: grayscal.es/hooks/use-key-pr…
In the demo I'm also using my useGesture hook as a fallback for mobile devices. Instead of CMD+K, you can Swipe up with 2 fingers. ☝️📱
✨Tonight's Grayscal.es reveal: TimedButton
Included in the upcoming early access release.
🔲 Works like an ordinary button
⏰ Triggers onClick Action on countdown
↔️ Different sizes
🎨 Multiple styles
Forgot to share this yesterday! 📈
Pleased with this week's numbers and thrilled with the positive feedback. However, I expect a slight dip soon due to a heavy workload with both @FarmoAgri and Grayscal.es😃
Big thanks to everyone involved! ✨
🚀 useLocation - #React TS hook that provides real-time geolocation data, complete with heading and speed metrics. 🗺️📍
Use it for things like fetching info about nearby places or locating other users nearby. ✨
👉Demo & Gist: grayscal.es/hooks/use-locati…
Try it on your mobile! 📱
✨Tonight's Grayscal.es reveal: Input
Included in the upcoming early access release. Built on the @shadcn Input component.
🔴🟢 States
💨 Clearable
⌨️ Keyboard Friendly
✨ Enhancers support
🎨 Multiple variants
↔️ Different sizes
🚀 useTextSelection - #React TS hook that tracks user text selections & their screen positions!
Perfect for creating intuitive UI features like a Share Tooltip, similar to Medium's. ✨
👉 Demo & Gist: grayscal.es/hooks/use-text-s…
#buildinpublic
🎉 Showcasing the Grayscal.es FilterTabs component - with a LIVE DEMO! 🚀
👉 Demo: grayscal.es/demo/filter-tabs
🛠️ Built on the robust @shadcn Toggle
🎹 Keyboard Navigation
✨ Fully Customizable
📦 Dependency-Free
Check out the demo and give your feedback!
✨Tonight's Grayscal.es reveal: Badge
Included in the upcoming early access release.
🎨 A big variety of styles
◻️ 5 shapes
↔️ 4 different sizes
🖼️ Can be placed as an Overlay
✅ Icon/startEnhancer Support
❌ Disabled state
#buildinpublic







