Bookmarks ​

Some of my favorite websites/tools with excellent design and UX that I highly recommend

Design ​

• Font Playground

Color ​

• Scale
• Wheel
• Adobe Color

UI/UX ​

• Tailwind Gradient Designer
• Open UI - Comparison between different component frameworks

Content ​

• Hemingway - Text Editor

Dev ​

• Perflink - JS Benchmarks
• Regex 101
• RegExper - Regex Visualizer
• Bundle Phobia - Check your npm package size
• transform - Collection of code transformers

CSS ​

• Magic of CSS
• CSS Vocabulary
• 1-Line Layouts
• Easing functions
• unocss

Resources ​

• World Vector Logo
• Nuxt-Icônes

Naming ​

• npm name check
• translate to multiple languages

Diagram ​

• Isoflow

Hosting Platform ​

• vercel

Domain ​

• Dynadot

Editor ​

• VSCode

Chrome Extensions ​

• Refined GitHub - No brainer must-have

• Tampermonkey - User scripts for any website

• File Icons for GitHub and GitLab - It looks very nice!

• Grammarly - Spell check

• uBlock Origin - Ad blocker

• I don't care about cookies - Disable cookie popups, probably more relevant in EU

MacOS Productivity ​

• Kap - GIF Recorder

• RayCast - a blazingly fast, totally extendable launcher

• Fig - The next-generation command line 「 It's consuming too much memory. 」

• CodeWhisperer - Fig is sunsetting, migrate to Amazon CodeWhisperer

Design / Social Media ​

• broz - Frameless browser for screenshots

• Figma - Illustrations, Logos, Social Media Banners

CLI ​

• pnpm - Preferred package managers, also for monorepo

• bumpp - Bump package version version for new release

• eslint - Linter & Formatter

• Build Tools for Libraries

  • unbuild - Most of the time

  • tsup - Easy to use

  • rollup - For very fine-grained control

Starter Templates ​

• starter-vue - Starter template for Vue
• starter-nuxt - Starter template for Nuxt
• starter-ts - Starter template for TypeScript library
• starter-unplugin - Starter template for unplugin