Dog with Sunglasses

About
Projects

Web Dev Toolbox

Modern web development is complicated. These carefully curated resources can help.

Resources

Mobile UI Design Components

A collection of web components for mobile oriented design systems

Act - Run Github Actions Locally

Run your Github actions locally without having to struggle through the commit, push, go to Github loop.

Capacitor

A cross-platform native runtime for web apps.

Architecture Notes

Learn about the systems you use everyday from the engineers who built them

Box Shadow Generator

Generate smooth box shadows with an intuitive UI that generates CSS for you.

Threlte: Three.js + Svelte

Threlte lets you use every feature of Three.js in a declarative way. Compose your scene with Threlte's render components and let Threlte handle the rest.

Shadcn/ui Color Generator

Generate configuration files for shadcn/ui

Upstash

Serveless data platform services for Redis, Kafka, and QStash

Simple React Typescript Cheatsheet

Github Repo with quick references on how to use Typescript with React in 2023

UI Components Handbook

The definitive guide to standardize the design/code of the UI Components based on the 39 most popular Reference Systems.

Shadcn Landing Pages

Build your React landing page effortlessly with the required sections to your project.

Relational Databases Explained

How Relational Databases Work. This post talks about how indexes and transactions work on the inside of relational databases.

Icon Buddy

Huge collection of SVG icons

Triplit

A realtime database that syncs between the server and browser automatically

CSS Anchor Positioning Tool

Visually see the values of the CSS Anchoring Position "inset-area" property

WireIt - An NPM scripts upgrade

Provides an enhances experience for NPM scripts including parallel runs, local caching, and workspace support.

Tiny Stack

A web stack of Astro, SQLite, and Litestream

Backend Cheats

A repo full of cheatsheets for backend development

Redis Explained

A deep technical dive into all things Redis. Covering various Redis topologies, data persistence and process forking.

Local-First Web Development

A community resource providing education and tooling for local first web development.

Open Props

Super charged CSS variables to add to any project

Cache Control Cheatsheet

A quick and easy to understand guide on the various cache-control values

Typescript Style Guide

An opinionated and well reasoned guide to working with Typescript

Remix the Web

A set of web utilities that lean on web standards

Protomaps

A free, open source, and self hostable map of the world

Bruno

A FOSS alternative to Postman and Insomnia for API client testing

WXT

An open source tool that makes Chrome Extension development faster than ever before.

Reflect

High performance sync for multiplayer web apps

Omatsuri

A frontend swiss army knife: - convert svg → jsx and back - compress svg - generate fake json - keyboard event codes - generate colour shades & gradients - + more

Perf.link

JS Benchmark tool

Adapting Typography to User Preferences with CSS

A method to adapt a font to your users' preferences, so they're maximally comfortable reading your content.

Arcjet

Security as code. Bot detection. Rate limiting. Email validation. Attack protection. Data redaction. A developer-first approach to security.

Legend State

A super fast and powerful state library that enables fine-grained reactivity and easy automatic persistence

Patterns.dev

Patterns.dev is a free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.

A Complete Guide To Check Data Types In JavaScript

Learn the easiest way to check and compare data types in JavaScript

Trigger.dev

The open source Background Jobs framework for TypeScript

Aceternity Ui

Copy paste components with lots of nice visual effects

Npkill

Easily find and remove old and heavy node_modules folders

Remove Background Bulk Tool

Simple single use tool to bulk remove backgrounds from images

Color Designer

A collection of tools to help you design your color palettes

Ray.so - Code Images

A simple tool to create beautiful images for your code

Playroom Kit

Playroom Kit is a high-performance sync that handles the networking and the room management so you can focus on building your game.

Checklist Design

A collection of the best design practices in convenient checklists to use as you build.

Image Background Removal

A local LLM Hugging Face model to remove backgrounds from images.

Github profile for David Witt Linked profile for David Witt Twitter profile for David Witt

© 2023 - 2024 David Witt

Home About Articles Library Projects Resources Notes Colophon Tags