Swapy

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

Swapy

More from Useful Libraries

new

usehooks-ts

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

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.

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.

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