Material Web
material-web.devMaterial 3 interface controls built as web components
Material 3 interface controls built as web components
Community Material-style icons as SVG files, code and fonts.
React components with Material Design defaults and custom theming
Google’s icon system with adjustable fill, weight, grade and optical size.
Configurable Material-style file and folder icons for VS Code.
Technical software icons with Material-compatible ligature naming.
Create procedural materials with connected texture nodes
Analyze qualitative and mixed-methods material with coding, speaker comparisons and visual outputs.
Cutting plans for sheet, linear and roll materials
SketchUp rendering with editable material presets and saved lighting variations
Animated SVG icons with static, CSS and frame-based alternatives.
Keep related print plates in one project and slice them with explicit setting precedence
Turn product sketches and photos into staged renderings.
Generate configurable product imagery from reusable 3D assets.
Node-based material authoring with reusable controls and procedural texture outputs
Historical images and documents held by California institutions
Design, fashion and photography images with detailed object records
Practical visual-design tactics explained for developers
Connect team knowledge, working documents, and project references in a shared workspace.
A video course and resource library for visual interface design
Code interviews and explore research themes with AI linked to original passages.
Recipes and chef videos alongside cooking-show material
Design courses, a free UX library and community learning resources
Render product designs with CAD links, materials, lighting and animation