Devtools
Libraries
- Shadcn (opens in a new tab)
- Typesafe Next.js app (opens in a new tab)
- D3 Graphs (opens in a new tab)
- D3 JS (opens in a new tab)
Front UI and Tools
- One line layouts (opens in a new tab)
- Glassmorphism CSS Generator (opens in a new tab)
- Landing Animations (opens in a new tab)
- JSON Visio Graph (opens in a new tab)
- Tools & Page divider (opens in a new tab)
- CSS Layout (opens in a new tab)
- Color Generator (opens in a new tab)
- Text effects (opens in a new tab)
- Shadpws (opens in a new tab)
- Image Optimized CDN (opens in a new tab)
- Lighthouse online (opens in a new tab)
- HTML 5 Outliner (opens in a new tab)
- Modern CSS (opens in a new tab)
- Rubber duck debugging (opens in a new tab)
- Babel Transpiler (opens in a new tab)
- Roadmaps (opens in a new tab)
- Paletton (opens in a new tab)
- svg path editor (opens in a new tab)
- Floating UI (opens in a new tab)
Backend Tools
Graphs
- Graphs (opens in a new tab)
- Mermaid (opens in a new tab)
- Mermaid Live Editor (opens in a new tab)
- Mermaid Live Editor (opens in a new tab)
Metrics
- Web Vitals (opens in a new tab)
- Design checklist (opens in a new tab)
- Metrics (opens in a new tab)
- Easily discoverable (opens in a new tab)
- Safe and secure (opens in a new tab)
- Network reliability (opens in a new tab)
- Fast load times (opens in a new tab)
- Fathom Analytics (opens in a new tab)
Favorite Tools
- Ray (opens in a new tab)
- Code to img (opens in a new tab)
- Excalidraw (opens in a new tab)
- Diagramas de Sequência (opens in a new tab)
- Cheatsheets (opens in a new tab)
- Very Front (opens in a new tab)
- Turborepo (opens in a new tab)
- Code explanation (opens in a new tab)
- zxcvbn (opens in a new tab)
- Page speed (opens in a new tab)
- Web measure (opens in a new tab)
- Standard linter (opens in a new tab)
- Security Checklist (opens in a new tab)
- Khroma AI Color Generator
- CodeFactor (opens in a new tab)
- Js Perf (opens in a new tab)
- Tree directory graph (opens in a new tab)
- Ecmascript compatible features (opens in a new tab)
development tools/helpers
- Sketchpad (opens in a new tab)
- Email Sandbox Service (opens in a new tab)
- CSS Houdini (opens in a new tab)
- SQL Test (opens in a new tab)
- CSS-Cheatsheets (opens in a new tab)
- GitBook (opens in a new tab)
- Colors Muzli (opens in a new tab)
- Miro (opens in a new tab)
- Mock fake database data (opens in a new tab)
- JSON fake generator (opens in a new tab)
- Fake data generator (opens in a new tab)
- Pagespeed (opens in a new tab)
- Grid Guide (opens in a new tab)
- Figma (opens in a new tab)
- Hostinger domain (opens in a new tab)
- Storybook (opens in a new tab)
- Wrappixel templates (opens in a new tab)
- Bit dev (opens in a new tab)
- Copy ai (opens in a new tab)
- AWS cloudping info (opens in a new tab)
- Pipedream (opens in a new tab)
- Rextester (opens in a new tab)
- Regex 101 (opens in a new tab)
- Cyrilex (opens in a new tab)
- Roadmap Study (opens in a new tab)
- GNU Stow (opens in a new tab)
- Chrome releases (opens in a new tab)
Performance
- Crux Compare (opens in a new tab)
- mobiReady (opens in a new tab)
- Estimator (opens in a new tab)
- Responsive design (opens in a new tab)
- Google developers insights (opens in a new tab)
- Perf Track (opens in a new tab)