Blender Web assets
Go to file
Pablo Vazquez 9d428a82a5 Theme: Specify color-scheme for dark/light variants
Browsers use this property to style built-in widgets like file pickers,
checkboxes, scrollbars, etc.
2024-03-11 16:50:29 +01:00
assets Fontutti: Add new icon move 2024-02-09 15:38:40 +01:00
src Theme: Specify color-scheme for dark/light variants 2024-03-11 16:50:29 +01:00
.gitignore Update .gitignore 2024-02-22 21:28:19 +01:00
LICENSE Added and LICENSE 2014-10-31 10:56:25 +01:00 Refactor file structure and build pipeline 2023-04-05 16:46:13 +02:00
package-lock.json Update package-lock.json 2024-01-26 11:44:42 +01:00
package.json Build: Add support for building tutti.js 2023-05-10 14:44:30 +02:00
site.webmanifest Refactor file structure and build pipeline 2023-04-05 16:46:13 +02:00

Blender Web Assets

Blender Web Assets is a front-end framework which provides design and interactivity components for official websites.



  • git to clone and contribute to this repository.
  • node.js to install the necessary packages via npm. If you need to manage multiple node versions, nvm can be quite handy.


  1. Open a terminal.
  2. Clone repo: git clone
  3. Enter folder cd /path/to/web-assets.
  4. npm install



  1. npm start. This will build the site into /public, open the site in the browser, and watch for changes in .html and .sass files.

In other projects

The idea behind Web Assets is to be shared between official Blender projects. Using this repository as a git submodule can simplify the process.

Clone, initalize, and update:

  1. git clone
  2. git submodule init
  3. git submodule update --remote

Then in each project you can just @import or @use via Sass the components you need.

Each project must have its own package.json defining the build pipeline.


See Web Assets in action:


Pablo Vazquez Niklas Ravnsborg-Gjertsen

This project is licensed under the GPL license copyright © 2023 Blender Foundation.