Handpicked Tools

FreeCodeCamp

FreeCodeCamp is a friendly community where you can learn to code for free.

#Learning resource

Airbnb Javascript

Javascript Style Guide Resources

#Learning resource

#JavaScript

30 seconds of code

Browse 1164 short code snippets for all your development needs on 30 seconds of code.

#Learning resource

Tech Interview Handbook

Curated coding interview preparation materials for busy software engineers.

#Learning resource

Clean code Javascript

Clean Code concepts adapted for Javascript

#Learning resource

#JavaScript

FrontEnd Checklist

The Front-End Checklist Application is perfect for modern websites and meticulous developers!

#Learning resource

Every Programmer should know

A collection of technical things every Software developer should know about.

#Learning resource

33-js-concepts

33 Javascript concepts every developer should know.

#Learning resource

#JavaScript

DevDocs

DevDocs combines multiple developer documentations in a clean and organized web UI with instant search, offline support, mobile version, dark theme, keyboard shortcuts, and more.

#FrontEnd Dev tools

You Dont Need JavaScript

CSS is powerful, you can do a lot of things without JS.

#Learning resource

#CSS

Howler.js

howler.js makes working with audio in JavaScript easy and reliable across all platforms.

#JavaScript

#Audio

Tone.js

Tone.js is a Web Audio framework for creating interactive music in the browser. The architecture of Tone.js aims to be familiar to both musicians and audio programmers creating web-based audio applications.

#JavaScript

#Audio

Wavesurfer

wavesurfer.js is a customizable audio waveform visualization, built on top of Web Audio API and HTML5 Canvas.

#JavaScript

#Audio

Rythm.js

A javascript library that makes your page dance.

#JavaScript

#Audio

Amplitude.js

Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies required.

#JavaScript

#Audio

Scribbletune

Scribbletune is a free and open source Node.js module that helps you construct musical ideas with JavaScript and export them as MIDI files.

#JavaScript

#Audio

Tamagui

Write less, run faster. Styles, optimizing compiler and UI kit that unify React Native + Web.

#ReactNative

#Atomic CSS

#CSS in JS

Tuna

An audio effects library for the Web Audio API.

#JavaScript

#Audio

Animate.css

A cross-browser library of CSS animations. As easy to use as an easy thing.

#CSS

#Animation

Anime.js

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API.

#JavaScript

#Animation

Lottie

Lottie is a mobile library for Web, and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!

#Animation

#Design tool

Popmotion

Popmotion is a collection of low-level JavaScript animation functions and utils for advanced animators.

#JavaScript

#Animation

mo.js

mo.js is a javascript motion graphics library that is a fast, retina ready, modular and open source.

#JavaScript

#Animation

Ani.js

A Library to Raise your Web Design without Coding

#JavaScript

#Animation

Velocity.js

Velocity.js: An incredibly fast animation engine for motion designers.

#JavaScript

#Animation

GSAP (GreenSock)

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft high-performance animations that work in every major browser.

#JavaScript

#Animation

Dynamics.js

Javascript library to create physics-based animations

#JavaScript

#Animation

Theatre.js

Theatre.js is a JavaScript animation library with a GUI. It animates the DOM, WebGL, and any other JavaScript variable.

#JavaScript

#Animation

AutoAnimate

AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app.

Particles.js

Easily create highly customizable JavaScript particles effect

#JavaScript

#Animation

TypeIt

The most versatile JavaScript typewriter effect library on the planet

#JavaScript

#Animation

Scene.js

Scene.js is JavaScript & CSS timeline-based animation library

#JavaScript

#Animation

Proton

Javascript particle animation engine

#JavaScript

#Animation

Vivus.js

Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn.

#JavaScript

#Animation

D3.js

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS.

Chart.js

Simple yet flexible JavaScript charting for designers & developers

#JavaScript

#Charting

#Canvas

Apache ECharts

An Open Source JavaScript Visualization Library

#JavaScript

#Charting

Mermaid

Mermaid is a JavaScript based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams.

#JavaScript

#Charting

Plotly

Plotly.js is a high-level, declarative charting library. plotly.js ships with over 40 chart types, including 3D charts, statistical graphs, and SVG maps.

#JavaScript

#Charting

Charts

Simple, responsive, modern SVG Charts with zero dependencies

#Charting

#SVG

Cube

Consume data from any data source, organize it into consistent metrics, and use it with every app.

#Data

HighCharts

We make it easy for developers to create charts for web and mobile platforms. For Javascript, Angular, React, VueJS, iOS, R, .NET, Python, and more.

#JavaScript

#Charting

Sigma.js

A JavaScript library aimed at visualizing graphs of thousands of nodes and edges

#JavaScript

#Charting

Vega

Vega is a visualization grammar, a declarative language for creating, saving, and sharing interactive visualization designs.

#Design tool

#Charting

Cytoscape.js

Graph theory (network) library for visualisation and analysis

#JavaScript

#Charting

Flowchart.js

Draws simple SVG flow chart diagrams from textual representation of the diagram

#JavaScript

#Charting

Charts.css

Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.

#CSS

#Charting

TUI Chart

The Chart makes your data pop, and it is easy to use. It provides you with multiple charts like Bar, Column, Line, and more.

#JavaScript

#Charting

Storybook

Beautiful and accessible drag and drop for lists with React

#React

#Drag and Drop

Sortable.js

JavaScript library for reorderable drag-and-drop lists

#JavaScript

#Drag and Drop

Dragula

Drag and drop so simple it hurts

#JavaScript

#Drag and Drop

Draggable

A lightweight, responsive, modern drag & drop library

#JavaScript

#Drag and Drop

Interact.js

JavaScript drag and drop, resizing, and multi-touch gestures for modern browsers

#JavaScript

#Drag and Drop

React DnD

React DnD is a set of React utilities to help you build complex drag and drop interfaces while keeping your components decoupled.

#React

#Drag and Drop

Moveable.js

Moveable is Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable!

#JavaScript

#Drag and Drop

DFlex

A Drag-and-Drop library for all JavaScript frameworks

#JavaScript

#Drag and Drop

ng-sortable

Angular Library for Drag and Drop, supports Sortable and Draggable. No JQuery UI used. Supports Touch devices.

#JavaScript

#Drag and Drop

Craft.js

A React Framework for building extensible drag and drop page editors

#JavaScript

#Drag and Drop

DND kit

The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

#React

#Drag and Drop

React Draggable

A simple component for making elements draggable.

#React

#Drag and Drop

Beautiful Soup

Beautiful Soup is a library that makes it easy to scrape information from web pages.

#Python

#Scrapping

Scrapy

An open source and collaborative framework for extracting the data you need from websites.

#Python

#Scrapping

ParseHub

A free web scraper that is easy to use. ParseHub is a free and powerful web scraping tool. With our advanced web scraper, extracting data is as easy as clicking on the data you need.

#Scrapping

Octoparse

Quickly scrape web data without coding. Turn web pages into structured spreadsheets within clicks

#Scrapping

ScraperAPI

ScraperAPI handles proxies, browsers, and CAPTCHAs, so you can get the HTML from any web page with a simple API call!

#Scrapping

Cheerio

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

#JavaScript

#Scrapping

Crawlee

Crawlee covers your crawling and scraping end-to-end and helps you build reliable scrapers. Fast.

#JavaScript

#Scrapping

X-ray

The next web scraper. See through the <html> noise.

#JavaScript

#Scrapping

Readability

Extract the Readable Content from an HTML Document

#JavaScript

#Scrapping

Metascraper

Metascraper is library to easily scrape metadata from an article on the web using Open Graph metadata, regular HTML metadata, and series of fallbacks.

#JavaScript

#Scrapping

How to write a web scraper in Node.js

A Node.js scraper for humans.

#JavaScript

#Scrapping

Google - Speech-to-Text

Accurately convert speech into text with an API powered by the best of Google’s AI research and technology.

#AI Tools

#Speech to Text

Assembly AI

Automatically convert audio and video files and live audio streams to text with AssemblyAI's Speech-to-Text APIs.

#AI Tools

#Speech to Text

Speechmatics

Leading Speech-to-Text Innovation. Understanding Every Voice.

#AI Tools

#Speech to Text

Azure - Speech to Text

A Speech service feature that accurately transcribes spoken audio to text

#AI Tools

#Speech to Text

Amberscript

Most accurate speech-to-text API

#AI Tools

#Speech to Text

IBM Watson

Convert speech into text using AI-powered speech recognition and transcription

#AI Tools

#Speech to Text

Rev

Rev is where the human voice is understood

#AI Tools

#Speech to Text

Scriptix

Cloud based speech to text service. Process in real-time or batch mode. We customize our models to generate the best results for your content.

#AI Tools

#Speech to Text

Rev AI

The Most Accurate Speech-to-Text APIs for all of your speech recognition needs

#AI Tools

#Speech to Text

Amazon Transcribe

Automatically convert speech to text

#AI Tools

#Speech to Text

Markdoc

From personal blogs to massive documentation sites, Markdoc is a content authoring system that grows with you.

#Markdown

Text-to-Speech: Lifelike Speech Synthesis | Google Cloud

Convert text into natural-sounding speech using an API powered by the best of Google’s AI technologies.

#AI Tools

#Text to Speech

Socket

Bidirectional and low-latency communication for every platform.

#Websocket

IBM Watson

Convert text into natural-sounding speech in a variety of languages and voices

#AI Tools

#Text to Speech

Polly Speech

AI Powered Natural Text to Speech and Voice Converter

#AI Tools

#Text to Speech

gTTS

gTTS (Google Text-to-Speech), a Python library and CLI tool to interface with Google Translate text-to-speech API

#AI Tools

#Text to Speech

Narakeet

Our Text to Speech API allows you to automatically generate audio in 70+ languages, with 400+ voices.

#AI Tools

#Text to Speech

Amazon Polly

Amazon Polly is a service that turns text into lifelike speech, allowing you to create applications that talk, and build entirely new categories of speech-enabled products.

#AI Tools

#Text to Speech

Unreal Speech

Better and 8x better text-to-speech than AWS.

#AI Tools

#Text to Speech

Naive UI

A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

#Vue

Natural Readers

Upload text and documents or convert to mp3 to listen to anywhere anytime.

#AI Tools

#Text to Speech

List.js

Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables, or anything.

#JavaScript

#Search library

Algolia

Algolia empowers Builders with the Search and Recommendation services they need to build world-class experiences.

#AI Tools

#Site Search

Lunr

A bit like Solr, but much smaller and not as bright

#JavaScript

#Search library

Fuse.js

Fuse.js is a powerful, lightweight fuzzy-search library, with zero dependencies.

#JavaScript

#Search library

Lyra

Fast, typo-tolerant, full-text search engine written in TypeScript.

#JavaScript

#Search library

Penpot

Penpot is the first Open Source design and prototyping platform meant for cross-domain teams. Non dependent on operating systems, Penpot is web based and works with open web standards (SVG). For all and empowered by the community.

#Design tool

#Prototyping