DEVELOPER STUDIO

Supercharge Your Workflow

A curated collection of the most powerful libraries, frameworks, and tools to accelerate your modern web development journey.

190 Resources
18 Categories
SUPER EXPLORER (132 Icons)

Icon Gallery (Lucide)

Hover over an icon to quickly copy its React component or import statement. Perfect for rapid development without leaving your workspace.

npm i lucide-react
Home
Settings
User
Bell
Star
Calendar
Mail
Phone
Camera
MapPin
ShoppingCart
Trash2
Edit
Plus
Menu
X
ArrowRight
ArrowLeft
ArrowUp
ArrowDown
ChevronDown
ChevronUp
ChevronLeft
ChevronRight
Check
Info
AlertCircle
Play
Pause
Power
Send
ImageIcon
Music
Video
FileText
LinkIcon
File
Folder
FolderOpen
Download
Upload
Save
Share2
CopyIcon
Paperclip
Monitor
Smartphone
Laptop
Tablet
HardDrive
CpuIcon
DatabaseIcon
GlobeIcon
CreditCard
DollarSign
Tag
Gift
Package
Truck
Wallet
Receipt
Banknote
Coins
PiggyBank
SearchIcon
ZoomIn
ZoomOut
Maximize
Minimize
RefreshCw
RotateCcw
Shuffle
Repeat
Anchor
Crosshair
Target
Sun
Moon
Cloud
CloudRain
CloudSnow
CloudLightningIcon
Wind
Compass
Map
Navigation
Flame
Droplets
AlignLeft
AlignCenter
AlignRight
AlignJustify
Bold
Italic
Underline
Type
List
ListOrdered
Heading
HeartIcon
Shield
ShieldCheckIcon
ShieldAlert
LockIcon
Unlock
Key
Eye
EyeOff
ThumbsUp
ThumbsDown
Activity
ZapIcon
Clock
Timer
Watch
Calculator
CalendarDays
BarChart
PieChart
TrendingUp
TrendingDown
Briefcase
Coffee
Code
TerminalIcon
GitBranch
GitCommit
GitMerge
GitPullRequest
Beaker
FlaskConical
Palette

Frameworks & Meta

React

A JavaScript library for building user interfaces.

npm create-react-app my-app

Next.js

The React Framework for the Web.

npx create-next-app@latest

Vue.js

The Progressive JavaScript Framework.

npm create vue@latest

Nuxt.js

The Intuitive Web Framework based on Vue 3.

npx nuxi@latest init my-project

Svelte

Cybernetically enhanced web apps.

npm create svelte@latest my-app

SvelteKit

Web development, streamlined.

npm create svelte@latest my-app

Angular

The modern web developer's platform.

npm install -g @angular/cli

Remix

Full stack web framework focusing on UI and web standards.

npx create-remix@latest

Astro

The web framework for content-driven websites.

npm create astro@latest

SolidJS

Simple and performant reactivity for building user interfaces.

npm create solid@latest

Qwik

Framework reimagined for the edge, featuring resumability.

npm create qwik@latest

Ember.js

A framework for ambitious web developers.

npm install -g ember-cli

Preact

Fast 3kB alternative to React with the same modern API.

npm i preact

UI Libraries & CSS

Tailwind CSS

A utility-first CSS framework for rapid UI development.

npm install -D tailwindcss

Bootstrap

The most popular HTML, CSS, and JS library in the world.

npm i bootstrap

Material UI (MUI)

A comprehensive suite of UI tools.

npm install @mui/material @emotion/react @emotion/styled

shadcn/ui

Beautifully designed components that you can copy and paste into your apps.

npx shadcn-ui@latest init

DaisyUI

The most popular component library for Tailwind CSS.

npm i -D daisyui@latest

Chakra UI

Simple, Modular & Accessible UI Components.

npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion

Mantine

A fully featured React components library.

npm install @mantine/core @mantine/hooks

NextUI

Beautiful, fast and modern React UI library.

npm i @nextui-org/react framer-motion

Radix UI

Unstyled, accessible components for building design systems.

npm install @radix-ui/themes

Ant Design

A design system for enterprise-level products.

npm install antd

Bulma

Free, open source, and modern CSS framework based on Flexbox.

npm install bulma

Foundation

The most advanced responsive front-end framework in the world.

npm install foundation-sites

Headless UI

Completely unstyled, fully accessible UI components.

npm install @headlessui/react

Ark UI

Headless, accessible, and highly customizable UI components.

npm install @ark-ui/react

Styled Components

Visual primitives for the component age.

npm install styled-components

Emotion

Library designed for writing css styles with JavaScript.

npm install @emotion/react

Sass

CSS with superpowers.

npm install sass

Icons & Typography

Lucide

Beautiful & consistent icons. Toolkit for the web.

npm install lucide-react

FontAwesome

The web's most popular icon set and toolkit.

npm i --save @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

npm install @heroicons/react

React Icons

Include popular icons in your React projects easily with react-icons.

npm install react-icons --save

Phosphor Icons

A flexible icon family for interfaces, diagrams, presentations.

npm install @phosphor-icons/react

Tabler Icons

Over 4950 pixel-perfect icons for web design.

npm install @tabler/icons-react

Boxicons

High Quality web icons.

npm install boxicons

Feather Icons

Simply beautiful open source icons.

npm install feather-icons

Ionicons

Premium designed icons for use in web, iOS, Android, and desktop apps.

npm install ionicons

Remix Icon

Open-source neutral-style system symbols.

npm install remixicon

Animation & 3D

Framer Motion

A production-ready motion library for React.

npm install framer-motion

GSAP

Professional-grade animation for the modern web.

npm install gsap

AutoAnimate

A zero-config, drop-in animation utility that adds smooth transitions.

npm install @formkit/auto-animate

Lottie React

Render After Effects animations natively on Web, Android and iOS.

npm install lottie-react

React Spring

A spring-physics based animation library.

npm install @react-spring/web

Three.js

JavaScript 3D Library.

npm install three

React Three Fiber

A React renderer for three.js.

npm install @react-three/fiber @react-three/drei

Anime.js

A lightweight JavaScript animation library with a simple, yet powerful API.

npm install animejs

Motion One

A new animation library, built on the Web Animations API.

npm install motion

Velocity.js

Accelerated JavaScript animation.

npm install velocity-animate

Popmotion

Simple animation libraries for delightful user interfaces.

npm install popmotion

ScrollReveal

Animate elements as they scroll into view.

npm install scrollreveal

State Management

Redux Toolkit

The official, opinionated, batteries-included toolset for efficient Redux development.

npm install @reduxjs/toolkit react-redux

Zustand

A small, fast and scalable bearbones state-management solution.

npm install zustand

Recoil

A state management library for React.

npm install recoil

Jotai

Primitive and flexible state management for React.

npm install jotai

MobX

Simple, scalable state management.

npm install mobx mobx-react-lite

XState

State machines and statecharts for the modern web.

npm install xstate @xstate/react

Valtio

Valtio makes proxy-state simple for React and Vanilla.

npm install valtio

Legend State

A super fast and powerful state library for React.

npm install @legendapp/state

Rematch

Redux best practices without the boilerplate.

npm install @rematch/core

Hookstate

The simple but incredibly fast and flexible state management.

npm install @hookstate/core

Pinia

The intuitive store for Vue.js.

npm install pinia

Vuex

State management pattern + library for Vue.js applications.

npm install vuex@next --save

Data Fetching

TanStack Query

Powerful asynchronous state management for TS/JS, React, Solid, Vue and Svelte.

npm i @tanstack/react-query

SWR

React Hooks for Data Fetching by Vercel.

npm i swr

Axios

Promise based HTTP client for the browser and node.js.

npm install axios

Apollo Client

A fully-featured, production ready caching GraphQL client.

npm install @apollo/client graphql

Relay

The GraphQL client that scales with you.

npm install relay-runtime react-relay

URQL

A highly customizable and versatile GraphQL client.

npm install urql graphql

GraphQL Request

Minimal GraphQL client supporting Node and browsers.

npm install graphql-request graphql

Ky

Tiny and elegant HTTP client based on the browser Fetch API.

npm install ky

Got

Human-friendly and powerful HTTP request library for Node.js.

npm install got

Superagent

Ajax for Node.js and browsers.

npm install superagent

Forms & Validation

React Hook Form

Performant, flexible and extensible forms with easy-to-use validation.

npm install react-hook-form

Formik

Build forms in React, without the tears.

npm install formik

Zod

TypeScript-first schema validation with static type inference.

npm install zod

Yup

Dead simple Object schema validation.

npm install yup

Joi

The most powerful schema description language and data validator for JavaScript.

npm install joi

Superstruct

A simple and composable way to validate data in JavaScript (and TypeScript).

npm install superstruct

Valibot

The modular and type safe schema library for validating structural data.

npm install valibot

React Final Form

High performance subscription-based form state management for React.

npm install final-form react-final-form

Vest

Declarative validations framework.

npm install vest

Vuelidate

Simple, lightweight model-based validation for Vue.js.

npm install @vuelidate/core @vuelidate/validators

Utilities & Helpers

Lodash

A modern JavaScript utility library delivering modularity, performance & extras.

npm i lodash

clsx

A tiny utility for constructing className strings conditionally.

npm install clsx

tailwind-merge

Utility function to efficiently merge Tailwind CSS classes in JS.

npm i tailwind-merge

Ramda

A practical functional library for JavaScript programmers.

npm install ramda

Underscore

JavaScript's utility _ belt.

npm install underscore

qs

A querystring parsing and stringifying library with some added security.

npm install qs

UUID

For the creation of RFC4122 UUIDs.

npm install uuid

Nanoid

A tiny, secure, URL-friendly, unique string ID generator for JavaScript.

npm install nanoid

classnames

A simple javascript utility for conditionally joining classNames together.

npm install classnames

Immer

Create the next immutable state by mutating the current one.

npm install immer

RxJS

A reactive programming library for JavaScript.

npm install rxjs

Cheerio

Fast, flexible & lean implementation of core jQuery designed specifically for the server.

npm install cheerio

Dotenv

Loads environment variables from a .env file into process.env.

npm install dotenv

Chalk

Terminal string styling done right.

npm install chalk

Date & Time

Date-fns

Modern JavaScript date utility library.

npm install date-fns

Moment.js

Parse, validate, manipulate, and display dates and times in JavaScript.

npm install moment

Day.js

Fast 2kB alternative to Moment.js with the same modern API.

npm install dayjs

Luxon

A library for working with dates and times in JS.

npm install luxon

Timeago.js

A tiny library used to format date with `*** time ago` statement.

npm install timeago.js

Ms

Tiny milisecond conversion utility.

npm install ms

Testing

Jest

Delightful JavaScript Testing Framework with a focus on simplicity.

npm install --save-dev jest

Vitest

A blazing fast unit test framework powered by Vite.

npm install -D vitest

Cypress

Fast, easy and reliable testing for anything that runs in a browser.

npm install cypress --save-dev

Playwright

Playwright enables reliable end-to-end testing for modern web apps.

npm init playwright@latest

React Testing Library

Simple and complete testing utilities that encourage good testing practices.

npm install --save-dev @testing-library/react

Mocha

A feature-rich JavaScript test framework running on Node.js and in the browser.

npm install --save-dev mocha

Chai

A BDD / TDD assertion library for node and the browser.

npm install --save-dev chai

Jasmine

Behavior-driven development framework for testing JavaScript code.

npm install --save-dev jasmine

Puppeteer

Headless Chrome Node.js API.

npm i puppeteer

Selenium

A browser automation framework and ecosystem.

npm install selenium-webdriver

Supertest

Super-agent driven library for testing node.js HTTP servers.

npm install supertest --save-dev

MSW (Mock Service Worker)

API mocking library for browser and Node.js.

npm install msw --save-dev

Build Tools & Bundlers

Webpack

A static module bundler for modern JavaScript applications.

npm install --save-dev webpack

Vite

Next generation frontend tooling.

npm create vite@latest

Rollup

A module bundler for JavaScript.

npm install --save-dev rollup

esbuild

An extremely fast JavaScript and CSS bundler and minifier.

npm install --save-exact --save-dev esbuild

Parcel

The zero configuration build tool for the web.

npm install --save-dev parcel

SWC

Super-fast TypeScript / JavaScript compiler.

npm i -D @swc/cli @swc/core

Babel

A JavaScript compiler.

npm install --save-dev @babel/core

Turbopack

The rust-based successor to Webpack.

npx create-next-app --turbo

Snowpack

The fast frontend build tool.

npm install --save-dev snowpack

Tsup

The simplest and fastest way to bundle your TypeScript libraries.

npm install tsup -D

Backend Frameworks

Express

Fast, unopinionated, minimalist web framework for Node.js.

npm install express

NestJS

A progressive Node.js framework for building efficient, reliable and scalable server-side applications.

npm i -g @nestjs/cli

Fastify

Fast and low overhead web framework, for Node.js.

npm i fastify

Koa

Next generation web framework for node.js.

npm install koa

Hapi

The Simple, Secure Framework Developers Trust.

npm install @hapi/hapi

tRPC

End-to-end typesafe APIs made easy.

npm install @trpc/server @trpc/client

Apollo Server

An open-source, spec-compliant GraphQL server.

npm install @apollo/server graphql

GraphQL

A query language for your API.

npm install graphql

Socket.io

Bidirectional and low-latency communication for every platform.

npm install socket.io

AdonisJS

A fully featured web framework for Node.js.

npm init adonis-ts-app@latest hello-world

Strapi

The leading open-source headless CMS.

npx create-strapi-app@latest my-project

Meteor

The fastest way to build full-stack web and mobile apps.

npm install -g meteor

ORM & Query Builders

Prisma

Next-generation Node.js and TypeScript ORM.

npm install prisma --save-dev

Drizzle ORM

TypeScript ORM that feels like SQL.

npm i drizzle-orm

Mongoose

Elegant mongodb object modeling for node.js.

npm install mongoose

TypeORM

ORM for TypeScript and JavaScript (ES7, ES6, ES5).

npm install typeorm --save

Sequelize

A modern TypeScript and Node.js ORM for Oracle, Postgres, MySQL, MariaDB, SQLite and SQL Server.

npm install sequelize

Knex.js

A batteries-included SQL query & schema builder.

npm install knex

MikroORM

TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns.

npm i -s @mikro-orm/core

Bookshelf

A simple Node.js ORM for PostgreSQL, MySQL and SQLite3.

npm install bookshelf

Waterline

The default ORM for Sails.js.

npm install waterline

Databases & BaaS

Supabase JS

Isomorphic Javascript client for Supabase.

npm install @supabase/supabase-js

Firebase

Firebase helps you build and run successful apps.

npm install firebase

Appwrite

Secure open-source backend server for Web, Mobile & Flutter developers.

npm install appwrite

PocketBase

Open Source backend for your next SaaS and Mobile app in 1 file.

npm install pocketbase

MongoDB

The official MongoDB Node.js driver.

npm install mongodb

Redis

A high-performance Redis client for Node.js.

npm install redis

Upstash Redis

Serverless Redis & Kafka client.

npm install @upstash/redis

pg (node-postgres)

PostgreSQL client for node.js.

npm install pg

mysql2

MySQL client for Node.js with focus on performance.

npm install mysql2

SQLite3

Asynchronous, non-blocking SQLite3 bindings for Node.js.

npm install sqlite3

FaunaDB

The distributed document-relational database delivered as a cloud API.

npm install faunadb

Auth & Security

NextAuth.js

Authentication for Next.js.

npm install next-auth

Clerk

More than just authentication. Complete user management.

npm install @clerk/clerk-react

Auth0

Rapidly integrate authentication and authorization.

npm install @auth0/auth0-react

Passport.js

Simple, unobtrusive authentication for Node.js.

npm install passport

JSON Web Token (JWT)

JSON Web Token implementation (symmetric and asymmetric).

npm install jsonwebtoken

Bcrypt

A library to help you hash passwords.

npm install bcrypt

Helmet

Help secure Express apps with various HTTP headers.

npm install helmet

CORS

Node.js CORS middleware.

npm install cors

Argon2

The argon2 password hashing algorithm.

npm install argon2

express-rate-limit

Basic rate-limiting middleware for Express.

npm install express-rate-limit

DevOps & Deployment

Vercel CLI

The Vercel Command-Line Interface (CLI).

npm i -g vercel

Netlify CLI

Deploy your site and manage Netlify resources.

npm install netlify-cli -g

Docker

Empowering developers to build, share, and run anywhere.

npm install docker

PM2

Advanced, production process manager for Node.js.

npm install pm2 -g

ngrok

Unified application delivery platform for developers.

npm install ngrok -g

Husky

Modern native git hooks made easy.

npm install husky --save-dev

lint-staged

Run linters on git staged files.

npm install --save-dev lint-staged

Commitlint

Helps your team adhering to a commit convention.

npm install --save-dev @commitlint/cli @commitlint/config-conventional

GitHub Actions

Automate your workflow from idea to production.

mkdir -p .github/workflows

Serverless Framework

Build applications on AWS Lambda and other next-gen cloud services.

npm install -g serverless

Code Quality & Linting

TypeScript

TypeScript is JavaScript with syntax for types.

npm install -D typescript

ESLint

Find and fix problems in your JavaScript code.

npm install eslint --save-dev

Prettier

An opinionated code formatter.

npm install --save-dev --save-exact prettier

Stylelint

A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

npm install --save-dev stylelint

SonarQube

Continuous Inspection for Code Quality.

npm install -g sonarqube-scanner

StandardJS

JavaScript style guide, linter, and formatter.

npm install standard --save-dev

TSLint

(Deprecated) An extensible linter for the TypeScript language.

npm install tslint

Web3 & Blockchain

Ethers.js

A complete Ethereum wallet implementation and utilities in JavaScript.

npm install ethers

Web3.js

Ethereum JavaScript API.

npm install web3

Wagmi

React Hooks for Ethereum.

npm install wagmi viem

Hardhat

Ethereum development environment for professionals.

npm install --save-dev hardhat

Truffle

A world class development environment, testing framework and asset pipeline for blockchains.

npm install -g truffle

CURATED WITH BY AZZAM CODEX