Tools

Dev Tools

Daily-driver tools for web developers — design, performance, API, infra…

Design & Mockup

UI/UX design, prototype, hand-off

Fast sketching, easy sharing

Infinite-canvas whiteboard

Architecture diagrams, flowcharts

Performance & Audit

web.dev/measure↗

Lighthouse audit online

PageSpeed Insights↗

Core Web Vitals + Lighthouse

Bundlephobia↗

npm package size

Compare package downloads

API & HTTP

Popular API client

API client, GraphQL-friendly

Open-source online Postman

Beautiful HTTP CLI

Cloud & Infra

Isometric AWS architecture

Host Next.js / static sites

Backend + DB, fast and simple

Postgres + Auth + Storage, open-source

Snippet & Playground

Online IDE, real Node in browser

React/Vue/Node sandbox

Beautiful code screenshots

transform.tools↗

JSON ↔ TS, CSS ↔ JS, ...

Color & Image

Generate color palettes

Favicon Generator↗

Multi-size favicon generator

Online image compression

Compress PNG/JPEG/WebP

Testing

Multi-browser testing

Learning

100 Days CSS↗

Learn CSS in 100 days

Fullstack — Learn

Learn to code HTML & CSS

Grid by Example↗

Learn CSS Grid by example

Mình là Nova đây. Chào bạn, mình là Nova. Có phần nào bạn muốn hiểu kỹ hơn không? Cứ nói với mình nhé.