Moodist
moodist.mvze.net
Ambient sounds for focus and calm
ToolsOpen sourceWeb
Design Tools
Where the design actually happens — canvases, whiteboards and design-to-dev handoff.
16 resources
16 resources
Bookmark sites — saved only in your browser on this device
Cool WebGL Shaders
elichen.github.io
A small live primer of WebGL shader effects
ToolsFreeWebGLGLSL
Rive
rive.app
Interactive motion graphics that ship in the product
ToolsFreemiumWebiOS
Remotion
remotion.dev
Make videos with React
ToolsFreemiumReact
DESIGN.md
design-md.hyperbrowser.ai
Extract a DESIGN.md from any website
ToolsFreemiumAIWeb
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
Three.js
threejs.org
The WebGL renderer everyone builds on
ToolsOpen sourceJavaScriptWebGL
Spline
spline.design
3D design in the browser, exported to the web
ToolsFreemiumReactWebGL
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