Code templates for scientific task flow UIs

STRUDEL Kit is a React-based JavaScript library for building scientific UIs based on the STRUDEL Design System and Task Flows. The library provides scaffolding and templates to help scientific teams jumpstart their adaptation and use of common task flows in their products.

STRUDEL Tech Stack

STRUDEL Kit is made up of two main products: strudel-cli, a command-line tool for quickly generating Task Flow template code, and the STRUDEL React templates, code templates for building STRUDEL Task Flows using the React web library.


STRUDEL React Templates

Learning Resources


Web Development

Material UI

Data Visualization

Questions? Ideas? Looking to stay up to date?

Get in touch at

Join our mailing list by emailing

Visit us on GitHub and join the Discussion

STRUDEL is an effort of the Lawrence Berkeley National Lab Scientific Data (SciData) Division UX team.
The project is generously funded by the Alfred P. Sloan Foundation, Liz Vu & Josh Greenberg Program Officers, grants #10074 and #10572