Resources

OKLCH

Explore color as we see it. Discover how the OKLCH color model works. Learn, experiment and create more consistent and perceptually uniform color palettes.

shadcn-prose

A drop-in replacement for @tailwindcss/typography, designed for use with shadcn/ui. Includes headings, paragraphs, lists and more.

Anchors for Tailwind CSS

A plugin that brings declarative support for the CSS Anchor Positioning API to Tailwind, allowing you to define and position elements relative to custom anchors.

PostCSS Easing Gradients

PostCSS plugin to create smooth linear-gradients that approximate easing functions.

usehooks-ts

React hook library, ready to use, written in Typescript.

dnd kit

A modular, lightweight, performant, accessible and extensible drag & drop toolkit for React.

Biome

Format, lint, and more in a fraction of a second.

Auth.js

Authentication for the Web. Free and open source.

Signals for Tailwind

Simplifies styling based on ancestor state via style queries.

Plate

A set of beautifully-designed, customizable plugins and components to help you build your rich-text editor.

AI SDK

The AI Toolkit for TypeScript, from the creators of Next.js.

Rombo

Animation library for Tailwind CSS Library.

react-medium-image-zoom

Accessible medium.com-style image zoom for React.

Monicon

Monicon is a icon library for Modern Frameworks.

Flags SDK

A free, open-source library for using feature flags in Next.js and SvelteKit.

React Flow

Highly customizable React library for workflow builders, no-code apps, image processing, visualizers.

Lucide Icons

Beautiful & consistent icon toolkit made by the community.

nuqs

Type-safe search params state management for React.

Nivo

Supercharged React dataviz components.

next-intl

Internationalization (i18n) for Next.js.

Class Variance Authority

Class Variance Authority.

Rough.js

A light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.

Rosen Charts

The first fully RSC-compatible charting library and copy-paste capability.

Tiptap

Tiptap is a suite of content editing & real time collaboration tools.

env.t3.gg

The documentation you want, effortlessly.

input-otp

Stop wasting time building OTP inputs.

Fluid for Tailwind CSS

Build better responsive designs in less code.

Next.js video embedding

Solves the hard problems with embedding, storing, streaming, and customizing video.

next-safe-action

Type safe and validated Server Actions for Next.js projects.

Sonner notifications

An opinionated toast component for React.

Vaul

Drawer component for React.

Extract Colors

Extract color palettes from images.

Rough Notation

A small JavaScript library to create and animate annotations on a web page.

use-stick-to-bottom

A React hook for auto-scrolling to the latest message in AI chat apps.

AI 2027

We predict that the impact of superhuman AI over the next decade will be enormous, exceeding that of the Industrial Revolution.