Examples

Interactive demos showcasing html★ features

Explore these interactive demos to see html★ in action. Each example showcases different features and patterns you can use in your own projects.

CRM Dashboard

Customer pipeline with filtering, deals, and contact details.

  • data-cache="swr:5m"
  • data-prefetch
  • data-persist
  • data-poll
  • Vanilla Breeze

Product Catalog

E-commerce store with sort, pagination, and quick view.

  • data-oob
  • data-prefetch
  • data-trigger="visible"
  • data-instant
  • Vanilla Breeze

Project Board

Kanban board with task editing and team views.

  • data-poll="30s"
  • data-persist
  • data-cache
  • data-method
  • Vanilla Breeze

Admin Dashboard

Stats, activity, and CRUD modals.

  • data-sse
  • dialog
  • data-confirm
  • Vanilla Breeze

SPA Navigation

Cascading nav with view transitions.

  • data-target
  • data-push
  • View Transitions

Forms

Validation and submission patterns.

  • data-persist
  • data-disable
  • AJAX submit

Live Search

Debounced search with cached results.

  • data-trigger="input"
  • data-include
  • Debounce

Infinite Scroll

Append-on-intersection pattern.

  • data-trigger="visible"
  • data-swap
  • data-select