Explore All Tools and Resources

Useful Libraries
Custom Components
Tools
Articles
Other
new
OpenPanel

OpenPanel

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

new
Color Converter

Color Converter

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

new
Colors & Fonts

Colors & Fonts

Color and typography tools for web developers and designers.

new
Lingo.dev

Lingo.dev

Automated AI localization for web & mobile apps.

new
Zenblog

Zenblog

Simple, headless, blogging CMS.

pqoqubbw/icons

pqoqubbw/icons

beautifully crafted animated icons.

Shadcn Blocks

Shadcn Blocks

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

Creem

Creem

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

Polar

Polar

Payment infrastructure for the 21st century.

Page Speed

Page Speed

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

input-otp

input-otp

Stop wasting time building OTP inputs.

Fluid for Tailwind CSS

Fluid for Tailwind CSS

Build better responsive designs in less code.

Swapy

Swapy

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

Gauge

Gauge

An aesthetic and customizable circular visual component for React.

Million

Million

Speed up your website by 70%.

TimePicker | OpenStatus

TimePicker | OpenStatus

A time picker component for your shadcn ui app.

tremorlabs

tremorlabs

React UI components with Tailwind CSS for charts and dashboards.

Cache Control Playground

Cache Control Playground

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

Next.js video embedding

Next.js video embedding

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

Unlighthouse

Unlighthouse

Like Google Lighthouse, but it scans every single page.

Request Indexing

Request Indexing

Get your pages indexed within 48 hours.

Teaching you the craft of frontend

Teaching you the craft of frontend

Learn frontend as a specialized craft through videos and articles.

next-safe-action

next-safe-action

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

Web Interface Guidelines

Web Interface Guidelines

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

Logoshaper

Logoshaper

Create unique logos quickly by sketching your ideas.

Origin UI

Origin UI

Beautiful UI components built with Tailwind CSS and React.

NumberFlow for React

NumberFlow for React

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

Enhanced shadcn-button

Enhanced shadcn-button

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

Shadcn Spinner

Shadcn Spinner

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

Better Auth

Better Auth

The most comprehensive authentication library for TypeScript.

Languine

Languine

Localization infrastructure made for fast-paced startups.

Fancy Components

Fancy Components

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

Vaul Base

Vaul Base

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

og.new

og.new

Generate beautiful Open Graph images with zero effort.

Sonner notifications

Sonner notifications

An opinionated toast component for React.

Extract Colors

Extract Colors

Extract color palettes from images.

Laws of UX

Laws of UX

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

Dhub

Dhub

Supercharge your Next.js MDX content workflow.

UploadThing

UploadThing

The easiest way to upload files to your app.

Motion-Primitives

Motion-Primitives

UI kit to make beautiful, animated interfaces, faster.

Software Licenses in Plain English

Software Licenses in Plain English

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

Not a Number By Nanda Syahrasyad

Not a Number By Nanda Syahrasyad

Interactive articles by SVG wizard.

React Scan

React Scan

React Scan automatically detects performance issues in your React app.

ui.land

ui.land

Digital library for designers and engineers.

Easing Wizard

Easing Wizard

CSS easing functions made easy.

Kibo UI

Kibo UI

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

How to Animate Multiplayer Cursors

How to Animate Multiplayer Cursors

Learn methods to animate live cursors in collaborative tools.

Rough Notation

Rough Notation

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

Grainy Gradients

Grainy Gradients

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

patterns.dev

patterns.dev

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

Lector

Lector

Headless React PDF viewer for the web.

Emoji Picker by Ferruccio

Emoji Picker by Ferruccio

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

Prose UI

Prose UI

Refined Typography and Components for your MDX Content.

Conditional Class Names in Tailwind CSS

Conditional Class Names in Tailwind CSS

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

Understanding Accessibility

Understanding Accessibility

A resource for web accessibility education.

use-stick-to-bottom by StackBlitz

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: The intelligent terminal

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

Don't Sleep on AbortController

Don't Sleep on AbortController

Learn how to make anything abortable in JavaScript.

OKLCH in CSS

OKLCH in CSS

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