STRUDEL

STRUDEL Kit

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 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. Check out the list of resources below to start learning the skills you need to get started building web applicaitons with STRUDEL Kit.

STRUDEL Kit

Web Development

Material UI

Data Visualization

Plotly in React

Questions? Ideas? Looking to stay up to date?

Get in touch at

Join our mailing list by emailing strudel-community+subscribe@lbl.gov

Visit us on GitHub and join the Discussion

STRUDEL is an open source ecosystem founded by members of the Lawrence Berkeley National Laboratory's Scientific Data (SciData) Division's UX team. Currently stakeholders are from the SciData UX team along with the Berkeley Institute for Data Science (BIDS), UC Berkeley Open Source Program Office (OSPO), Superbloom Design, The Carpentries, and 2i2c. The project is generously funded by the Alfred P. Sloan Foundation, Liz Vu & Josh Greenberg Program Officers, grants G-2022-19360, G-2023-21098, and G-2024-22557.