Build custom components

Build package-based Streamlit custom components using the official component template. These tutorials walk you through generating a project, understanding the generated code, and extending the template.

Create a component with Pure TypeScript

Build a package-based component using Pure TypeScript and Vite. Best for lightweight components without framework overhead.

Create a component with React + TypeScript

Build a package-based component using React, TypeScript, and Vite. Best for components with complex, state-driven UIs.

forum

Still have questions?

Our forums are full of helpful information and Streamlit experts.