⛰‌ Useful

Tools and resources I use daily when creating programs for the web

Design

Color:

  • TailwindShades

    - Tailwind palette generator with granular control over black and white point

  • Coolors

    - A simple color palette generator with lots of features

Typography:

  • Fontshare

    - Free quality fonts in a very nice interface and search filters.

  • Free Faces

    - Another quality free font website, more variety than Fontshare. Lots of good display font.

  • Uncut

    - Lots of free dependable fonts.

  • symbl.cc

    - Well organized and searchable unicode table.

Product Design

Ideation:

Validation:

Development

Organization:

  • Snippp

    - Snippet and toolkit manager with contributing developers and curated lists

Templates:

  • Vite Quickstart

    - A quickstart boilerplate with a bunch of features like prettier, tailwind, eslint, and more

  • Next.js Quickstart

    - Like the Vite Quickstart but for Next.js

Color Manipulation:

  • chroma.js

    - A very powerful color manipulation library for JavaScript

  • color-bits

    - High-performance color library

Creative Coding

Shaders:

  • The Book Of Shaders

    - A gentle step-by-step guide through the abstract and complex universe of Fragment Shaders.

  • ShaderToy

    - A sandbox for shader development with nice boilerplate.