The Gray Cat
The Gray Cat is a chubby British Shorthair with a mysterious charm, blending a love for coding with a flair for writing. Passionate about React and always on the hunt for new libraries to explore, this curious feline brings a creative twist to web development. When not immersed in code, The Gray Cat enjoys long naps and indulging in tuna snacks, perfectly balancing work and leisure.
On this blog, The Gray Cat shares adventures through the world of web development, offering insights and stories that inspire. Whether you're into coding, enjoy a good read, or simply love cats, there's something here for everyone to enjoy.
The latest articles by The Gray Cat – Page 3
-
focus-trap: The Accessibility Bouncer Your Modals Deserve
Every time a user opens a modal and Tab sends them behind the curtain into the void of the background page, an accessibility angel loses its wings. focus-trap is the decade-old, battle-hardened utility that keeps keyboard focus exactly where it belongs.
-
Ohm: The Parsing Toolkit That Finally Makes Grammars Fun
Most parsing libraries ask you to mash grammar rules and code logic into one tangled mess. Ohm takes the radical stance that grammars should just describe syntax, period. The result is a parsing toolkit that is cleaner, more reusable, and honestly kind of enjoyable to work with.
-
sql.js: The Entire SQLite Engine Running in Your Browser Tab
What if you could run a full relational database in your browser without a server, a network connection, or a single native binary? sql.js takes the legendary SQLite engine, compiles it to WebAssembly, and hands you the entire SQL dialect right in JavaScript. Fourteen years of battle-tested reliability, zero dependencies.
-
DayFlow: A Featherweight Calendar That Punches Above Its Weight
Building a scheduling UI from scratch is the kind of project that starts with optimism and ends with date math nightmares. DayFlow hands you a polished, Google Calendar-style component out of the box, backed by a plugin system that keeps the core impossibly small.
-
Dockview: Build VS Code-Style Layouts Without Breaking a Sweat
Ever wondered how VS Code pulls off that slick panel-docking experience? Dockview brings the same IDE-grade layout system to your own apps, complete with drag-and-drop tabs, floating panels, and popout windows. Zero dependencies, full TypeScript support, and it works with React, Vue, Angular, or plain vanilla.
-
eslint-plugin-react-you-might-not-need-an-effect: The React Docs Page That Learned to Read Your Code
Every React developer has read that famous docs page: You Might Not Need an Effect. But reading and remembering are two different things. This ESLint plugin turns those guidelines into automated, enforceable lint rules that catch unnecessary effects before they cause extra re-renders and tangled logic.
-
React SCAD: Print Your Components (Literally, on a 3D Printer)
What if you could build 3D models the same way you build UIs -- with components, props, and JSX? React SCAD takes the React reconciler into uncharted territory, turning your component tree into OpenSCAD files you can slice and 3D print.
-
TanStack Hotkeys: The Keyboard Shortcut Library That Types Back
Keyboard shortcuts are one of those features that separate a polished app from a prototype. TanStack Hotkeys enters the ring with something no other shortcut library offers: full TypeScript autocomplete for every valid key combination, plus a toolkit of utilities that makes building professional-grade keyboard interactions surprisingly painless.
-
Crafting Timeless Tales with React Vertical Timeline
Embark on a journey through time with react-vertical-timeline-component, a powerful tool for creating visually appealing and interactive vertical timelines in React applications.
-
Timeago React: Your Friendly Time Companion
In the fast-paced world of web development, displaying time in a user-friendly manner is crucial. The timeago-react library simplifies this task, allowing developers to easily format dates into readable ‘time ago’ statements.