Text and Button Animations using HTMX.

A cascading dropdown component where values in second dropdown are dependent on the value in the first dropdown

A click to edit text component built based on a htmx documentation example.

Dynamically add rows to a table using HTMX.

A searchable dropdown menu with a text box that allows user to add additional options to it via HTMX

Custom KeyBindings to trigger a component

A table with infinite scroll over a large dataset (appending rows to the table as the user reaches the end of the table).

A form with inline field validation on individual inputs with the submit aditionally validating the whole form.

A loading indicator that shows when a button is pressed until content is loaded using HTMX's hx-indicator

Upload multiple images. Inspired by a Daniel Corin blog post

A component that visually represents the completion status of a task or operation as it moves towards completion.

A component that shows and hides content on click

A simple two column grid with inputs on the left and outputs on the right based on fasthtml-example form demo

Solution 1 from the HTMX Updating Other Content demo, converted to FastHTML

A demonstration on web sockets to have a multi-user messaging/chat use

Interactive altair chart using the fh-altair plugin by Vincent D. Warmerdam

Interactive Bloch sphere visualization using the fh-plotly plugin by Carlo Lepelaars

Change the appearance of a Polars dataFrame based on selected colors using the Great Tables library.

Interactive matplotlib chart using the fh-matplotlib plugin by Vincent D. Warmerdam

Interactive Plotly chart using the fh-plotly plugin by Carlo Lepelaars that lets you zoom, pan, hover over data points and much more

Interactive Seaborn SVG plot by Li (Lily) Cai

An example audio app

A chat bubble component with no external dependencies

PDF Embed

A component that shows a rectangle which can be dragged with the mouse

The component shows a circle which can be clicked. The first click starts a timer and after 10 clicks the elasped time is reported. Each click causes the circle to move.

A component that shows how to do an inband swap of an SVG element

A minimal todo app using SQLite backend.

An intermediate todo app using SQLite backend.

An app built by Alex Volkov that demonstrates annotation use-cases and tailwind styling in FastHTML

A 1D Cellular Automata using FastHTML

An app to upload csv files, edit in browser, and then download the updated file

A Tic Tac Toe game using FastHTML and Tailwind CSS by by Adedara Adeloro