Explore All Tools and Resources

Vibe Coding
Useful Libraries
Services
Custom Components
Tools
Articles
Other
new

Signals for Tailwind

Simplifies styling based on ancestor state via style queries.

new

Top rich text editors in 2025

Looking to integrate a WYSIWYG editor into your JavaScript app?

new

Plate

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

new

component.gallery

The Component Gallery is a collection of components from the best Design Systems.

new

PlanetScale

The world’s fastest and most reliable OLTP database.

new

Frimousse

An open-source, lightweight, unstyled, and composable emoji picker for React—originally created for Liveblocks Comments.

new

Plunk

The open-source, affordable email platform that brings together marketing, transactional and broadcast emails into one single, complete solution.

new

Medusa

World's most flexible commerce platform. The most popular ecommerce project on GitHub.

new

Mixpanel

Helping the world learn from its data with event analytics everyone can use. Let’s build.

new

Mux

The most cost-effective video infrastructure for businesses of all scale.

new

Trigger.dev

Build and deploy reliable background jobs with no timeouts and no infrastructure to manage.

Pirsch Analytics

A powerful, privacy-friendly, open-source alternative to Google Analytics — lightweight, cookie-free, and easily integrated into any website or app.

Free Faces

A curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs.

Rehooks

A CLI to scaffold your react custom hooks, with a focus on performance, reusability, and type-safety.

Coolify

An open-source & self-hostable Heroku / Netlify / Vercel alternative.

AI SDK

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

Delicious Donut Components

An interactive guide to component composition with React Server Components.

Rombo

Animation library for Tailwind CSS Library.

unDraw

Open-source illustrations for any idea you can imagine and create.

Same

Clone any website with pixel perfect accuracy.

Easing Graphs

A collection of easing graphs for web developers.

Prompt-Kit

Core building blocks for AI apps. High-quality, accessible, and customizable components for AI interfaces.

Luxe

Copy and paste components ready to use. Practical. Customizable.

Scalar

Document, Discover and Test APIs with Scalar.

Schemaui

Customizable Starter Template with SSG & Instant Content Updates.

EclairUI

Beautiful UI Components for Web at Your Fingertips.

The URL is a great place to store state in React

Why it's a good idea to use the URL to store state.

react-medium-image-zoom

Accessible medium.com-style image zoom for React.

Monicon

Monicon is a icon library for Modern Frameworks.

SyntaxUI

Get free-to-use Prebuilt React components powered by Tailwind CSS & Framer Motion.

Next.js App Router Playground

A playground to explore App Router features.

Clerk

The easiest way to add authentication and user management to your application.

Creating a Cluster Growth Animation

Learn how to recreate a biological cell growth simulation using JavaScript and HTML5 Canvas.

favorite

Supabase

The Open Source Firebase Alternative.

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.

Bestwebdesigntools

Discover the Best Web Design Tools for Creating Stunning Websites and Apps.

favorite

Cursor

Built to make you extraordinarily productive, Cursor is the best way to code with AI.

v0 by Vercel

Chat with v0. Generate UI with simple text prompts. Copy, paste, ship.

Replit

Replit is an AI-powered platform for building professional web apps and websites.

Windsurf

Tomorrow's editor, today. Windsurf Editor is the first AI agent-powered IDE that keeps developers in the flow.

bolt.new

Prompt, run, edit & deploy web apps.

lovable.dev

Build software products, using only a chat interface.

Resend

Build, test, and send transactional and marketing emails at scale.

favorite

Crafting the Next.js Website

Revealing the elegant techniques and clever design patterns powering the Next.js website implementation.

favorite

The Magic of Clip Path

One of the most underrated CSS properties.

Lucide Icons

Beautiful & consistent icon toolkit made by the community.

Credenza

Ready-made responsive modal component for shadcn/ui.

Magic UI

Beautiful UI components and templates to make your landing page look stunning.

Atomic Design with React

How the Atomic Design methodology can create a great design system from scratch and make better developers.

Aceternity UI

Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.

The Shape of AI

UX Patterns for Artificial Intelligence Design.

React Email

A collection of high-quality, unstyled components for creating beautiful emails using React and TypeScript.

nuqs

Type-safe search params state management for React.

Cursor Directory

Find the best cursor rules for your framework and language.

Vidstack Player

A collection UI components and hooks for building media players on the web.

Nivo

Supercharged React dataviz components.

Build a Better Mobile Input

By properly configuring a few key input attributes, you can make web forms much easier to use on mobile devices.

next-intl.dev

Internationalization (i18n) for Next.js.

Seline

Simple and private website analytics platform.

9ui.dev

Beautiful, customizable components built with Base UI and Tailwind CSS.

React Bits

An open source collection of high quality, animated, interactive & fully customizable React components for building stunning, memorable user interfaces.

SaaS UI

Free Illustrations for your Documentation or Design System.

favorite

uncoverlab.co

Never start from blank Figma ever again! Website design components, app flows and color palettes!

Ground

Handcrafted animated modern components build for performance and ready to use in your app.

favorite

cva.style

Class Variance Authority.

Embla Carousel

A lightweight carousel library with fluid motion and great swipe precision.

Vaul

Drawer component for React.

favorite

PostHog

All-in-one platform for product analytics, feature flags, session replays, experiments, and surveys.

favorite

Firecrawl

Turn any website into LLM-ready data.

Svgdoodles

A free collection of different editable SVG's to spice up your online and offline designs.

Hextaui

Build stunning websites with less effort.

ScreenshotOne

The best screenshot rendering platform for developers.

Dice UI

A collection of composable, unstyled UI primitives for building accessible web applications.

The UX of UUIDs

Improving user experience with UUIDs.

favorite

Geist Font

Minimal typeface for devs/designers embodying Vercel's simplicity and speed.

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.

svgl.app

A beautiful library with SVG logos.

Tiptap

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

Geist

Vercel's design system called Geist. Made for building consistent and delightful web experiences.

React "as" Prop Using TypeScript

Learn how to type the "as" prop in React to dynamically change the rendered HTML tag.

env.t3.gg

The documentation you want, effortlessly.

Fumadocs

The Next.js framework for building documentation sites.

Mintlify

The documentation you want, effortlessly.

favorite

OpenPanel

The power of Mixpanel, the ease of Plausible and nothing from Google Analytics.

Color Converter

Bulk color convertor + modern CSS 4.0 support (OKLCH, P3, etc).

Colors & Fonts

Color and typography tools for web developers and designers.

Lingo.dev

Automated AI localization for web & mobile apps.

Zenblog

Simple, headless, blogging CMS.

pqoqubbw/icons

beautifully crafted animated icons.

Shadcn Blocks

Speed up your workflow with responsive, pre-built UI blocks designed for marketing websites.

favorite

Creem

Smooth payments for SaaS and Indie Hackers that don't break the bank.

Polar

Payment infrastructure for the 21st century.

Page Speed

See and share Core Web Vitals and PageSpeed Insights results simply and easily.

input-otp

Stop wasting time building OTP inputs.

Fluid for Tailwind CSS

Build better responsive designs in less code.

Swapy

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

Gauge

An aesthetic and customizable circular visual component for React.

Million

Speed up your website by 70%.

TimePicker | OpenStatus

A time picker component for your shadcn ui app.

tremorlabs

React UI components with Tailwind CSS for charts and dashboards.

Cache Control Playground

A playground to test the Cache-Control header and its directives.

Next.js video embedding

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

Unlighthouse

Like Google Lighthouse, but it scans every single page.

Request Indexing

Get your pages indexed within 48 hours.

Teaching you the craft of frontend

Learn frontend as a specialized craft through videos and articles.

next-safe-action

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

favorite

Web Interface Guidelines

A non-exhaustive list of details that make a good web interface.

Logoshaper

Create unique logos quickly by sketching your ideas.

Origin UI

Beautiful UI components built with Tailwind CSS and React.

NumberFlow for React

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

Enhanced shadcn-button

Extended shadcn-button with additional styles in a single component.

Shadcn Spinner

Displays an animated loading indicator, inspired by the Radix UI spinner design.

Better Auth

The most comprehensive authentication library for TypeScript.

Languine

Localization infrastructure made for fast-paced startups.

Fancy Components

Ready to use, fancy React components to make the web fun again. Free & Open Source.

Vaul Base

An unstyled drawer component for React, built with Base UI.

og.new

Generate beautiful Open Graph images with zero effort.

Sonner notifications

An opinionated toast component for React.

Extract Colors

Extract color palettes from images.

Laws of UX

A collection of best practices that designers can consider when building user interfaces.

Dhub

Supercharge your Next.js MDX content workflow.

UploadThing

The easiest way to upload files to your app.

Motion-Primitives

UI kit to make beautiful, animated interfaces, faster.

Software Licenses in Plain English

Look up popular software licenses summarized at-a-glance.

Not a Number By Nanda Syahrasyad

Interactive articles by SVG wizard.

React Scan

React Scan automatically detects performance issues in your React app.

ui.land

Digital library for designers and engineers.

Easing Wizard

CSS easing functions made easy.

Kibo UI

Composable, accessible open-source components for shadcn/ui.

How to Animate Multiplayer Cursors

Learn methods to animate live cursors in collaborative tools.

Rough Notation

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

Grainy Gradients

Learn how to add texture to CSS gradients using SVG noise for a more realistic design effect.

patterns.dev

Learn JavaScript design and performance patterns for building more powerful web applications.

Lector

Headless React PDF viewer for the web.

Emoji Picker by Ferruccio

A fast, composable, unstyled emoji picker made with Tailwind & React.

Prose UI

Refined Typography and Components for your MDX Content.

Conditional Class Names in Tailwind CSS

Learn to style elements based on their DOM attributes for easier debugging, using Tailwind CSS.

Understanding Accessibility

A resource for web accessibility education.

use-stick-to-bottom by StackBlitz

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

Warp: The intelligent terminal

Warp is the intelligent terminal with AI and your dev team's knowledge built-in.

Don't Sleep on AbortController

Learn how to make anything abortable in JavaScript.

OKLCH in CSS

why we moved from RGB and HSL—Martian Chronicles, Evil Martians' team blog.

Search tools

Modal for searching tools