Some cool things I want to share with you
I’m known for my love of cool stuff and for making lists. Here I’ll document some noteworthy things I’ve found and used, for both my own reference and yours.
ChatGPT
No introduction needed. ChatGPT has set new expectations for what generative AI can do.
AIWebsitesTools
Framer Motion
A production-ready motion library for React, made by the incredible Matt Perry at Framer.
On This SiteReactJavaScriptAnimations
Next.js
Turbocharge your React applications with the most deeply-integrated web framework.
On This SiteReactJavaScript
Tailwind CSS
The quickest and easiest way to write maintainable CSS with tiny file sizes.
On This SiteCSS
Fuse.js
A powerful, lightweight fuzzy-search library, with zero dependencies.
On This SiteJavaScript
Pretty TypeScript Errors
Make TypeScript errors prettier and more human-readable in VS Code.
TypeScriptTools
Contentlayer
Automatically convert your MDX content into type-safe data for your Next.js app.
On This SiteTypeScriptReactMDX
@use-gesture
Bind richer mouse and touch events to any component or view.
ReactJavaScriptAnimations
Headless UI
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
ReactAccessibility
Motion One
The smallest fully-featured animation library for the web, another hit from Matt Perry.
JavaScriptAnimations
Radix UI
Unstyled, accessible components for building high‑quality design systems and web apps in React.
ReactAccessibility
React Aria
A library of React Hooks that provides accessible UI primitives for your design system.
ReactAccessibility
concurrently
Run multiple commands concurrently. Like `npm run watch-js & npm run watch-less`, but better.
JavaScriptTools
cva
Class Variance Authority - a painless way to create class string variations based on props.
On This SiteReactCSSJavaScriptreading-time
Estimate how long an article will take to read. Works with plain text, markdown, and HTML.
On This SiteJavaScriptToolspatch-package
Instantly make and keep fixes to npm dependencies.
JavaScript
React Wrap Balancer
Makes titles more readable. Like CSS `text-wrap: balance`, but with browser support.
On This SiteReactCSSclsx
A tiny (228B) utility for constructing className strings conditionally.
On This SiteReactCSSJavaScript