Hexpunk
InstallConceptsElementsProsehp-cellhp-codehp-copyhp-hexhp-latexhp-visually-hiddenhp-buttonhp-checkboxhp-formhp-labelhp-radiohp-selecthp-sliderhp-togglehp-toggle-grouphp-badgehp-taghp-progresshp-spinnerhp-backgroundhp-clusterhp-collapsiblehp-demohp-gridhp-scroll-areahp-separatorhp-sidebarhp-toolbarhp-avatarhp-iconhp-pixelhp-linkhp-menubarhp-navigation-menuhp-tabshp-alert-dialoghp-context-menuhp-dialoghp-dropdown-menuhp-hover-cardhp-popoverhp-tooltiphp-bannerhp-toasthp-tetherhp-module-handlehp-unfold-listhp-unfold-overlayhp-unfold-pagehp-bondhp-link-nodePaletteAnimationsReleases

Components

Every <hp-*> element on a single hex grid. Drag a cluster's centre to slide it; tap an outer hex to open its docs.

primitives hp-cell hp-code hp-copy hp-hex hp-latex hp-visually-hidden forms hp-button hp-checkbox hp-form hp-label hp-radio hp-select hp-slider hp-toggle hp-toggle-group status hp-badge hp-tag loading hp-progress hp-spinner layout hp-background hp-cluster hp-collapsible hp-demo hp-grid hp-scroll-area hp-separator hp-sidebar hp-toolbar images hp-avatar hp-icon hp-pixel navigation hp-link hp-menubar hp-navigation-menu hp-tabs overlays hp-alert-dialog hp-context-menu hp-dialog hp-dropdown-menu hp-hover-card hp-popover hp-tooltip messaging hp-banner hp-toast tether hp-tether unfold hp-module-handle hp-unfold-list hp-unfold-overlay hp-unfold-page deprecated hp-bond hp-link-node
esc
↑ ↓ navigate ↵ open esc close