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
Pretty TypeScript Errors
Make TypeScript errors prettier and more human-readable in VS Code.
TypeScriptTools
Cloudflare Turnstile
A friendly, privacy-focused, free CAPTCHA replacement.
JavaScriptSecurity
Contentlayer
Automatically convert your MDX content into type-safe data for your Next.js app.
On This SiteTypeScriptReactMDX
nivo
A rich set of dataviz components (interactive charts), built on top of D3 and React.
JavaScriptReact
@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
Storybook
A frontend workshop for building UI components and pages in isolation.
ReactJavaScript
tRPC
Move Fast and Break Nothing. End-to-end typesafe APIs made easy.
TypeScript
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 SiteReactCSS
bundlephobia
Find the cost of adding a npm package to your bundle.
JavaScriptWebsitesToolsclsx
A tiny (228B) utility for constructing className strings conditionally.
On This SiteReactCSSJavaScript
npm trends
Compare packages download stats, bundle sizes, GitHub stars, and more. Spot trends and pick the winner.
JavaScriptWebsitesTools