Spline
spline.design
3D design in the browser, exported to the web
ToolsFreemiumReactWebGL
Design Tools
Spline, Three.js, Rive, Remotion, shader playgrounds and the other tools for designing motion and 3D on the web.
Three.js
threejs.org
The WebGL renderer everyone builds on
ToolsOpen sourceJavaScriptWebGL
Rive
rive.app
Interactive motion graphics that ship in the product
ToolsFreemiumWebiOS
Remotion
remotion.dev
Make videos with React
ToolsFreemiumReact
Cool WebGL Shaders
elichen.github.io
A small live primer of WebGL shader effects
ToolsFreeWebGLGLSL
Nagomi
github.com
A procedural koi pond that runs in the browser
ShadersOpen sourceTypeScriptVite
Paper Shaders
shaders.paper.design
Zero-dependency animated shader backgrounds
ShadersOpen sourceReactWebGL
Unicorn Studio
unicorn.studio
Interactive WebGL scenes, no code
ShadersFreemiumWebGL
Shadertoy
shadertoy.com
The GLSL fragment shader archive
ShadersFreeGLSLWebGL
React Three Fiber
r3f.docs.pmnd.rs
Three.js as React components
ShadersOpen sourceReactThree.js
by Poimandres@pmndrs
Penpot
penpot.app
Open-source design and prototyping
ToolsOpen sourceWebSVG
by Kaleidos
Figma
figma.com
Where most product design still happens
ToolsFreemiumWeb
tldraw
tldraw.dev
Infinite canvas you can embed
ToolsFreemiumReact
by tldraw@tldraw
Excalidraw
excalidraw.com
Hand-drawn style diagrams
ToolsFreemiumReact
Aceternity Timeline
ui.aceternity.com
Scroll-linked timeline component
ToolsFreeReactMotion
by Manu Arora@mannupaaji
UI Skills
ui-skills.com
Design-engineering skills for humans and agents
ToolsOpen sourceReactCSS
by Julien Thibeaut@ibelick
Design System Checklist
designsystemchecklist.com
Plan, build and grow your design system
ToolsOpen sourceDesign
AI CSS
aicss.dev
Generate CSS from plain language
ToolsFreeCSSAI
Drawably
drawably-site.pages.dev
Hand-drawn SVG illustration tool
ToolsFreeSVGDesign
DESIGN.md
design-md.hyperbrowser.ai
Extract a DESIGN.md from any website
ToolsFreemiumAIWeb
Moodist
moodist.mvze.net
Ambient sounds for focus and calm
ToolsOpen sourceWeb