Figma
The go-to interface design tool
TLDraw
A very good whiteboard
Typescale
Create typographical scales
UI Colors
Tailwind CSS Color Generator

LDRS
Open-source loading animations
LottieFiles
Lightweight animation format

Component Gallery
A collection of UI patterns
shadcn/ui
A collection React components
Tailwind UI
Library of tailwind components

Motion
Animation library for React

GSAP
Animation for the modern web

Spline
Design in 3D

Three.js
JavaScript 3D librarys

Askable
User research platform

Lummi
AI-powered stock images

Storybook
Build, test, and document UI