Fluid for Tailwind CSS

Build better responsive designs in less code.

Fluid for Tailwind CSS

More from Useful Libraries

TanStack Form

Headless, performant, and type-safe form state management for TS/JS, React, Vue, Angular, Solid and Lit.

TanStack Table

Supercharge your tables or build a datagrid from scratch for TS/JS, React, Vue, Solid, Svelte, Qwik, Angular, and Lit while retaining 100% control over markup and styles.

TanStack Query

oss out that granular state management, manual refetching and endless bowls of async-spaghetti code. TanStack Query gives you declarative, always-up-to-date auto-managed queries and mutations that directly improve both your developer and user experiences.

TanStack Router

A fully type-safe router with built-in data fetching, stale-while revalidate caching and first-class search-param APIs.

TanStack Start

Full-document SSR, Streaming, Server Functions, bundling and more, powered by TanStack Router and Vite - Ready to deploy to your favorite hosting provider.

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.dev

Internationalization (i18n) for Next.js.

favorite

cva.style

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.

Swapy

A simple JavaScript tool for converting any layout you have to drag-to-swap layout.

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.

NumberFlow for React

A React component to animate numbers. Dependency-free. Accessible. Customizable.

Sonner notifications

An opinionated toast 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 by StackBlitz

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

Search tools

Modal for searching tools