web-dev.md

Animation | Authentication | Colors | Database | Design | Domain | Fullstack | Frameworks | Hosting | Icons | Images | ORM | Realtime | Runtime | State Management | Tools | UI

TIP: ctrl + click / scroll wheel click to open in new tab 👌

Runtime

• Node.js
• Bun
• Deno

Fullstack

• create-t3-app
• Astro
• SvelteKit
• Qwik City
• SolidStart
• Nuxt
• sst

Hosting

• Vercel
• Netlify
• Railway
• Spheron
• Fly
• Render
• Github
• Cloudflare

Domain

• Vercel
• GoDaddy
• Namecheap

Database

• CockroachDB
• Planetscale
• MongoDB
• Supabase
• Atlas
• Railway
• PocketBase

Realtime

• PartyKit
• Socket.IO
• PUSHER
• LiveKit

ORM

• Prisma
• Drizzle ORM

Authentication

• Auth0
• clerk
• Auth.js

Frameworks

• React
• Solid
• Vue
• Svelte
• Fresh
• Qwik
• Tailwind CSS

Tools

• TypeScript to Zod
• Vite
• Docusaurus
• Nextra
• Slidev
• Remotion
• Mitosis
• Figma
• Fontjoy
• TheatreJS
• Photopea
• Affinity
• CapCut
• OkSo
• Monaco Editor React
• Prototypr
• 10015
• natto.dev
• Meta Tags
• Motion Canvas
• SQL Translator
• Resend
• Smallpdf
• Realtime Colors
• Reflect

State Management

• Zustand
• Jotai
• XState
• Redux

UI

• DasiyUI
• HyperUI
• NextUI
• Radix
• Reakit
• Material Tailwind
• Headless UI
• Mamba UI
• uiverse
• shadcn/ui

Icons

• React Icons
• Iconer
• Heroicons
• Simple Icons
• useAnimations
• iconify
• Icônes
• Iconoir
• Phosphor Icons
• Lucide

Colors

• Coolors
• hue.tools
• Randoma11y
• Pigment
• Goodpalette
• UI Colors

Images

• Unsplash
• DiceBear Avatars
• Craiyon
• unfake.png
• BARNIMAGES
• Pattern Generator
• DrawKit
• storytale
• skribbl

Animation

• Anime.js
• AutoAnimate
• @use-gesture
• AnimatiSS

Design

• TOOOLS.design
• Penpot
• Builder.io
• Excalidraw
• Land-book
• Webdesign Inspiration
• Best Website Gallery
• awwwards
• Commerce Cream
• dribbble
• the component gallery
• minimator
• lookup.design
• SCRNSHTS
• Mobbin