|
@htmlbricks/hb-area-code
|
Frameless code area (no Bulma `box`): copy + optional success tag floated top-right over the `<pre><code>` snippet; `:host` and root wrapper have no margin or padding. Copy dispatches `clipboardCopyText` with `{ text }`. Theme follows `bulma-wc-host-theme |
— |
243
greenflagged
/ 648 total
|
|
@htmlbricks/hb-auth
|
Full authentication UI driven by the `type` attribute: local login and registration (with optional “remember me”), email activation, password recovery and related notices, OTP and two-factor setup/verification. Supports OAuth2 social providers via embedde |
— |
243
greenflagged
/ 685 total
|
|
@htmlbricks/hb-auth-social-login-button
|
Clickable OAuth provider tile (default SVGs for Google, GitHub, GitLab, Facebook, Authentik; overridable via slot). Builds the provider authorization URL from `provider` params or redirects to a prebuilt `url`, then on return parses the current page URL t |
— |
243
greenflagged
/ 408 total
|
|
@htmlbricks/hb-banner
|
Marketing-style hero strip: logo image beside a title and subtitle, using Bulma layout (container, columns, visibility helpers). Layout switches from side-by-side on large screens to stacked, centered content on smaller breakpoints. |
— |
243
greenflagged
/ 683 total
|
|
@htmlbricks/hb-bundle
|
Single IIFE loader for all HTML Bricks hb-* web components from the jsDelivr CDN, with optional Subresource Integrity; includes agent/LLM docs and theme CSS variables. |
— |
221
greenflagged
/ 642 total
|
|
@htmlbricks/hb-calendar-appointments
|
Month agenda view: events for the current month are grouped by calendar day and listed chronologically with weekday, day number, time, and colored markers. Optional header with month navigation; changing month or selecting a day dispatches `changeCalendar |
— |
243
greenflagged
/ 433 total
|
|
@htmlbricks/hb-calendar-events
|
Classic month grid (7-day week header and variable rows) with selectable cells, “today” styling, and event chips inside each day. Supports adjacent-month padding cells, Italian holidays, JSON `events`, and the same navigation/selection events as the appoi |
— |
243
greenflagged
/ 681 total
|
|
@htmlbricks/hb-captcha-google-recaptcha-v2-invisible
|
Loads the Google reCAPTCHA v2 invisible SDK, renders the widget with your `api_key`, and exposes `grecaptcha.execute()` / reset when the `get` attribute changes after render. Dispatches `googleRecaptchaRendered` once mounted and `googleRecaptchaV2Response |
— |
243
greenflagged
/ 484 total
|
|
@htmlbricks/hb-card-video
|
Bulma `card` with a 16:9 `image` frame: YouTube embed when `provider` is `youtube`, otherwise an HTML5 `<video>` with MP4 source. Optional title, truncated description (100 chars), formatted `time` via Day.js (`dateformat`), “read more” primary button, an |
— |
243
greenflagged
/ 683 total
|
|
@htmlbricks/hb-chartjs
|
Embeds Chart.js (line, bar, pie, radar, time scales, etc.) inside the shadow DOM. Pass a JSON `data` object with `type`, `data`, and optional `options`; the chart is recreated on data changes and when the container resizes (ResizeObserver + debounced wind |
— |
243
greenflagged
/ 680 total
|
|
@htmlbricks/hb-checkout
|
End-to-end checkout flow: editable billing/shipping user profile (`hb-form`), shipment method choice, optional card form, Google Pay (`@google-pay/button-element`), and PayPal via `hb-payment-paypal` according to `gateways` and `payment` JSON. Parses stri |
— |
243
greenflagged
/ 646 total
|
|
@htmlbricks/hb-checkout-shopping-cart
|
Order summary built on `hb-table`: maps `payment.items` into rows (name, quantity, line total), computes subtotal, tax, and grand total from item prices, and shows country/currency (with simple symbol defaults). When `completed` is enabled it switches to |
— |
243
greenflagged
/ 658 total
|
|
@htmlbricks/hb-contact-card
|
A comprehensive contact card component that displays personal, contact, company, and social media information in a Bulma-styled card layout. Uses a single data object with structured arrays for phone numbers, addresses, and social media profiles. Features |
— |
146
greenflagged
/ 146 total
|
|
@htmlbricks/hb-contact-item
|
Single contact line (mutually exclusive props): phone, postal address, email, website, or social network. Renders a Bootstrap Icon and optional visible text; JSON `config` toggles icons (filled/outline), label text, and whether clicks dispatch `contactCli |
— |
243
greenflagged
/ 683 total
|
|
@htmlbricks/hb-cookie-law-banner
|
Bootstrap alert cookie notice shown until the user chooses accept or decline; the choice is stored in `localStorage` under `cookielaw` so the banner stays hidden on return visits. Supports i18n via `i18nlang`, optional `cookielawuri4more` link, JSON `capa |
— |
243
greenflagged
/ 683 total
|
|
@htmlbricks/hb-dashboard-card1
|
Bulma card shell for dashboards: JSON `header` supplies optional Bootstrap Icon name, title label, and right-aligned tag; JSON `body` can remove inner padding with `noborder`. Default slots `header_content` and `content` let you inject arbitrary markup be |
— |
243
greenflagged
/ 500 total
|
|
@htmlbricks/hb-dashboard-counter-lines
|
Vertical list of metric rows from JSON `lines`: each row shows optional Bootstrap Icon, label text, and a Bulma `tag is-light is-rounded` counter. `link.type` chooses behavior—open URI in a new tab, same-window navigation, custom `counterClick` event with |
— |
243
greenflagged
/ 452 total
|
|
@htmlbricks/hb-dashboard-indicator
|
Compact KPI tile: large `number`, caption `text`, configurable Bootstrap Icon, and `karma` accent (`success` | `danger` | `warning` | `primary` | `secondary` | `info`) using Bulma theme tokens (`secondary` maps to Bulma `dark`), or `karma="none"` with hos |
— |
243
greenflagged
/ 511 total
|
|
@htmlbricks/hb-dialog
|
Bulma modal (`modal` + `modal-card`) controlled by string `show` (`yes`/`no`): fade/fly transitions, optional backdrop click to close, Escape when `keyboard` is enabled, and `document.body` scroll lock while open. Slots replace title, body, footer, and bu |
— |
243
greenflagged
/ 690 total
|
|
@htmlbricks/hb-dialog-loader
|
Thin wrapper around `hb-dialog` that opens automatically while numeric `percentage` is non-zero and shows a Bootstrap progress bar filled to that value. Forwards `modalShow` from the inner dialog so parents can track open state; slots allow overriding the |
— |
243
greenflagged
/ 412 total
|
|
@htmlbricks/hb-dialogform
|
Bulma-based modal workflow: embeds `hb-form` with the same `schema` contract; live `updateForm` events mirror form validity and values, and the confirm button dispatches `modalFormConfirm` with the last valid payload or `modalFormCancel` when dismissed or |
— |
243
greenflagged
/ 451 total
|
|
@htmlbricks/hb-downloader
|
Opens `hb-dialog` while `uri` is set and downloads the resource with `XMLHttpRequest` as a blob: optional JSON `headers`, inferred or explicit `targetfilename`, `Content-Disposition` parsing when exposed by CORS, progress bar from `onprogress`, then trigg |
— |
243
greenflagged
/ 676 total
|
|
@htmlbricks/hb-dropdown-notifications
|
Bell control that toggles a Bulma `dropdown` (`is-active`): header row with optional “Clear all” (`clearurl`), default slot for notification rows, and optional footer “View all” (`viewurl`). `align` applies `is-right` on the dropdown for end alignment. |
— |
243
greenflagged
/ 539 total
|
|
@htmlbricks/hb-dropdown-simple
|
Bootstrap dropdown menu: `list` is a JSON array of items with `key` (and labels as defined in your schema). Toggle open state with the trigger; choosing an item emits `dropDownClick` with the item `key` and closes the menu. `open` accepts boolean or strin |
— |
243
greenflagged
/ 683 total
|
|
@htmlbricks/hb-editor-video
|
Video trimmer UI: plays `src` with an `hb-range-slider` synced to the playhead and in/out bounds (`track` min/max seconds). Numeric time fields, cue-to-current-time buttons, and optional `hb-form` gate final submission. Emits `changeTrackValues`, `dispatc |
— |
243
greenflagged
/ 672 total
|
|
@htmlbricks/hb-faq-component
|
FAQ layout with a horizontal topic strip (Bootstrap Icons + labels) that sets an optional `filter` key, and an accordion list built from JSON `info` entries (`title`, `topic`, HTML `text`). Checkbox hack expands/collapses answers; topics with `catchAll` c |
— |
243
greenflagged
/ 455 total
|
|
@htmlbricks/hb-footer
|
Site footer in `small`, `regular`, or `large` layouts: company block, optional brand/contacts column, link columns, social icons, `hb-contact-item` rows, and policy links—all driven by JSON props. Regular layout uses Bulma `container`, `columns` / `column |
— |
243
greenflagged
/ 676 total
|
|
@htmlbricks/hb-form
|
JSON `schema`-driven form engine: each entry’s `type` maps to an `hb-input-*` web component or layout `row`. Handles grouping, conditional visibility, validation messages, disabled state, and dispatches rich `update` payloads (field values + `_valid`) plu |
— |
243
greenflagged
/ 681 total
|
|
@htmlbricks/hb-form-composer
|
Visual form-schema builder: internal `hb-form` defines field types, validation flags, and options, mirrored into an `hb-table` preview and editable via `hb-dialogform`. Accumulates `output_schema` as the composed `hb-form` schema array and can emit debug- |
— |
243
greenflagged
/ 306 total
|
|
@htmlbricks/hb-form-contact
|
Opinionated contact form: JSON `informations` toggles and labels fields (name, email, phone, subject, message, etc.) and builds the `hb-form` schema at runtime, including privacy-policy checkbox from `privacy_policy`. Optional `captcha` config embeds `hb- |
— |
243
greenflagged
/ 531 total
|
|
@htmlbricks/hb-funnel
|
Multi-step funnel over stacked `hb-form` instances: JSON `schemes` supplies one schema per step (or derive step count from `steps`), tracks per-step validity, merges values as the user advances, and optionally shows a final submit step when `submitstep` i |
— |
243
greenflagged
/ 681 total
|
|
@htmlbricks/hb-gallery-video
|
Paginated grid of `hb-card-video` tiles built from JSON `cards`, with `hb-paginate` for page/size and optional text or date-range filtering (`initialdate`/`lastdate`, `filter`, `externalfilter`). Passes date format, link label, and primary color into each |
— |
243
greenflagged
/ 675 total
|
|
@htmlbricks/hb-gauge
|
SVG gauge wrapper around JustGage: pass JustGage-compatible options as JSON (`value`, min/max, labels, colors, etc.). The gauge is created on the shadow host after mount, destroyed on teardown, and recreated when `options` changes or the window resizes (d |
— |
243
greenflagged
/ 677 total
|
|
@htmlbricks/hb-input-area
|
Bulma `textarea` + validation modifiers and `help is-danger`. `schemaentry` matches the shared form shape (`FormSchemaEntryShared` + control fields): `id`, optional `label`, `value`, `placeholder`, `readonly`, `disabled`, `required`, `validationRegex`, `v |
— |
243
greenflagged
/ 691 total
|
|
@htmlbricks/hb-input-array-objects
|
Repeating records: `hb-table` for rows + `hb-form` from `params.schema` (`InputArrayObjectsParams`) to add entries; optional `addPropertyLabel`, optional `columns` mirror. Row `value` is an array of objects with `_objId`. Nested schema rows follow the sam |
— |
243
greenflagged
/ 301 total
|
|
@htmlbricks/hb-input-array-tags
|
Tag list stored as `Tag[]` (`id`, `label`, optional `type`, `colorVarName`, `icon`). `colorVarName` (field `params` or per tag): Bulma semantic tokens (`primary`, `link`, `info`, `success`, `warning`, `danger`, `dark`, `light`, `text`, `white`, `black`, a |
— |
206
greenflagged
/ 206 total
|
|
@htmlbricks/hb-input-checkbox
|
Checkbox or Bulma-styled switch. Optional `params` as `InputCheckboxParams`: `type` may be `"switch"` for the switch UI, otherwise a standard checkbox. `schemaentry.label` drives the visible label and required asterisk; boolean `value` is parsed from JSON |
— |
244
greenflagged
/ 692 total
|
|
@htmlbricks/hb-input-color
|
Color input: normalizes named HTML colors and `rgb(...)` to hex for the native `type="color"` picker, with debounced sync. `schemaentry` uses the shared base fields; optional `params` is typed as `InputColorParams` (`Record<string, never>`) because **no k |
— |
244
greenflagged
/ 613 total
|
|
@htmlbricks/hb-input-coords
|
Latitude/longitude editor: embedded `hb-map` plus two `hb-input-number` fields; labels from `schemaentry` / `params` or `i18nlang` dictionary. `value` is `{ lat, lon }`. Optional `params` as `InputCoordsParams`: `zoom`, `center`, `source` (`InputCoordsMap |
— |
187
greenflagged
/ 187 total
|
|
@htmlbricks/hb-input-date
|
Native date control with Bulma `input` + `is-success` / `is-danger` and `help is-danger`. Optional `params` as `InputDateParams`: `min` and `max` are passed to `new Date(...)` and mirrored to the input’s `min`/`max` attributes when set. `schemaentry.value |
— |
244
greenflagged
/ 692 total
|
|
@htmlbricks/hb-input-datetime
|
Composes `hb-input-date` and `hb-input-number` for date, hours, minutes, and (unless `params.removeSeconds`) seconds, then emits one ISO datetime string as `value`. Optional `params` as `InputDatetimeParams`: `min` / `max` (string or number) bound the cho |
— |
243
greenflagged
/ 447 total
|
|
@htmlbricks/hb-input-email
|
Email `input` with Bulma validation states and `help is-danger`. `schemaentry`: `id`, optional `label`, `value`, `placeholder`, `readonly`, `disabled`, `required`, `validationRegex`, `validationTip`, and optional `params` as `InputEmailParams` (`min` / `m |
— |
244
greenflagged
/ 692 total
|
|
@htmlbricks/hb-input-file
|
File picker. Optional `params` as `InputFileParams`: `accept` sets the native `accept` attribute (MIME list or extensions; default any file); `placeHolderImage` (`src`, optional `width` / `height`) enables image-placeholder mode with preview and clear. St |
— |
244
greenflagged
/ 692 total
|
|
@htmlbricks/hb-input-number
|
Native `<input type="number">` with Bulma `input` + optional `is-success` / `is-danger` and `help is-danger`. `schemaentry.value` is a number; optional `params` as `InputNumberParams`: include the `min` and/or `max` **key only when** you want the correspo |
— |
244
greenflagged
/ 691 total
|
|
@htmlbricks/hb-input-radio
|
Radio group from `schemaentry.params` as `InputRadioParams`: optional `options` array of `InputRadioOption` (`value`, optional `label`); the native `name` matches the field `id`. Initial `value` is stringified from `schemaentry`. Required + `show_validati |
— |
244
greenflagged
/ 691 total
|
|
@htmlbricks/hb-input-range
|
Range slider (`type="range"`). Optional `params` as `InputRangeParams`: `min` / `max` may be numbers or numeric strings; each key is applied only if present on `params` (same `hasOwnProperty` pattern as number input). Coerces values for validation and nat |
— |
244
greenflagged
/ 305 total
|
|
@htmlbricks/hb-input-select
|
Native `<select>` driven by `schemaentry`. Optional `params` as `InputSelectParams`: `options` is an array of `InputSelectOption` (`id`, `value`, optional `label`). `readonly` maps to the native `disabled` attribute on `<select>`. Host `is_small="yes"` ap |
— |
243
greenflagged
/ 688 total
|
|
@htmlbricks/hb-input-text
|
Single-line text with Bulma `input` + optional `is-success` / `is-danger` and `help is-danger`. `schemaentry` is JSON (string from HTML or object): `id`, optional `label`, `value` (string), `placeholder`, `readonly`, `disabled`, `required`, `validationReg |
— |
244
greenflagged
/ 689 total
|
|
@htmlbricks/hb-json-viewer
|
Renders JSON as an expandable, syntax-colored tree. Accepts a parsed object or a JSON string and supports initial expand modes (`open`, `closed`, `first`). Optional `edit` / `strict_schema` enable inline key/value editing and structure add/delete with `up |
— |
217
greenflagged
/ 217 total
|
|
@htmlbricks/hb-layout
|
Responsive application shell: below 800px viewport width it mounts the mobile layout; otherwise the desktop layout. Forwards navigation slots, page content, cookie-law options, and layout events from the active child. |
— |
244
greenflagged
/ 673 total
|
|
@htmlbricks/hb-layout-desktop
|
Desktop layout with top navbar, optional left sidebar (sidebar-desktop) when navigation links are present, main page area, optional cookie-law banner, and footer. The host is fixed to the viewport height (100dvh) so tall slotted content cannot grow the sh |
— |
244
greenflagged
/ 524 total
|
|
@htmlbricks/hb-layout-mobile
|
Mobile layout with optional offcanvas sidebar navigation, top navbar, main page slot, optional cookie-law banner, and footer. The host is fixed to the viewport height (100dvh). By default the main area scrolls and includes the cookie banner and footer aft |
— |
244
greenflagged
/ 524 total
|
|
@htmlbricks/hb-map
|
Interactive map: `center`, `zoom`, `source` (OSM or CARTO vector styles), `options` (e.g. `centerFromGeometries`, marker text layout), and `data` with markers (lng/lat, icon, popup HTML, text). CARTO vector uses `source.style` in light mode; in dark mode |
— |
244
greenflagged
/ 672 total
|
|
@htmlbricks/hb-markdown-viewer
|
Renders Markdown from a data object (typically with a content string) using marked with GFM and line breaks, and normalizes compact single-line Markdown for clearer lists and headings. |
— |
205
greenflagged
/ 205 total
|
|
@htmlbricks/hb-matrix-video
|
Responsive video wall: lays out `items` in Bulma `columns` / `column` rows (gapless) sized from the viewport (16:9-friendly). Each cell can be an iframe, plain MP4 `<video>`, `hb-player-live` (WHEP), or `hb-player-live-camera-ptz`. Tracks hover selection |
— |
244
greenflagged
/ 270 total
|
|
@htmlbricks/hb-messages-box
|
Chat shell combining `hb-messages-list` (thread from `messages`, `authors`, `options`) and `hb-messages-send` (composer). Optional `message` JSON can seed the draft text. Forwards the child `sendMessage` event (text, files, tags) to the host as `sendMessa |
— |
244
greenflagged
/ 343 total
|
|
@htmlbricks/hb-messages-list
|
Renders a conversation from `messages` joined to `authors`: aligned bubbles for self vs others, optional avatars and names, timestamps, and code blocks with language badges when `type` is `code`. `options` toggle bubbles, avatars, names, and time; `action |
— |
244
greenflagged
/ 341 total
|
|
@htmlbricks/hb-messages-send
|
Message composer with auto-growing textarea (optional `expandable` and maximize control), Enter-to-send, file attachments with previews (`files.mode` single or multiple), and optional `tags` as toggleable chips. Dispatches `sendMessage` with `text`, selec |
— |
244
greenflagged
/ 341 total
|
|
@htmlbricks/hb-messages-topics-card
|
Lists chat or channel previews from `chats`: avatar, title, last message snippet, derived time label, and unread `counter` badge. Clicking a row marks it selected (`_selected`) and dispatches `select` with that chat payload for opening a thread or switchi |
— |
244
greenflagged
/ 339 total
|
|
@htmlbricks/hb-modal-video
|
Video modal built on hb-dialog: when uri is set the dialog opens with either a YouTube iframe (provider youtube) or an HTML5 video element, optional title slot, and videoModalEvent when visibility changes. |
— |
244
greenflagged
/ 674 total
|
|
@htmlbricks/hb-navbar
|
Top navigation bar with optional hamburger to toggle an offcanvas menu, brand name and logo, slottable left, center, and right areas, and an optional user avatar dropdown (hb-dropdown-simple) with item click events. |
— |
244
greenflagged
/ 674 total
|
|
@htmlbricks/hb-offcanvas
|
Slide-in panel that hosts hb-sidebar-desktop navigation, with Bulma `modal-background` as optional backdrop when `type` is autohide. Can start open or closed; dispatches page changes and open/close state. |
— |
244
greenflagged
/ 672 total
|
|
@htmlbricks/hb-order-list
|
Order summary view driven by a payment JSON object: order number header, optional tracking area, list of line items with image and name, and a footer showing the order total including tax and optional shipment fee. Exposes the item image via the item_imag |
— |
244
greenflagged
/ 649 total
|
|
@htmlbricks/hb-pad-joystick
|
Touch-friendly directional control: either a four-way D-pad that emits cardinal directions or an analog joystick (html5-joystick-new) that streams position and cardinal direction with customizable colors. |
— |
244
greenflagged
/ 327 total
|
|
@htmlbricks/hb-page-checkout
|
Checkout page layout that embeds the payment flow and shopping cart: left column uses hb-checkout (user, shipments, gateways, payment) and right column uses hb-checkout-shopping-cart. Recomputes line totals, tax, shipment fee, and payment total from JSON |
— |
244
greenflagged
/ 646 total
|
|
@htmlbricks/hb-page-invoice
|
Printable invoice page: shows seller and buyer from headers, invoice date and serial, line items in hb-table with price, quantity, VAT and row totals, plus subtotal, tax and grand total in the invoice currency. When printer is not yes, offers print and op |
— |
244
greenflagged
/ 656 total
|
|
@htmlbricks/hb-paginate
|
Pagination bar with first/prev/next/last and nearby page buttons, optional “showing X–Y of total” text, configurable page-size input or select, and optional sort field and direction controls with i18n labels. |
— |
244
greenflagged
/ 686 total
|
|
@htmlbricks/hb-paragraps-around-image
|
Editorial block with a central image and up to six text blocks in two side columns using hb-paragraps-around-image-cell (indices 0,2,4 left; 1,3,5 right). Parses paragraphs from JSON and bubbles paragraphPressed when a cell fires it. |
— |
244
greenflagged
/ 463 total
|
|
@htmlbricks/hb-paragraps-around-image-cell
|
One paragraph tile with Bootstrap icon, optional title as external link or key-triggered control (dispatches paragraphPressed with key), and body text clamped to max_lines for consistent height inside paragraps-around-image layouts. |
— |
244
greenflagged
/ 251 total
|
|
@htmlbricks/hb-payment-paypal
|
Loads the PayPal JS SDK with your client id and currency, renders PayPal Buttons for a fixed order total, captures payment on approval, and dispatches paymentCompleted when the order is captured successfully. |
— |
244
greenflagged
/ 654 total
|
|
@htmlbricks/hb-player-input-streaming
|
Requests camera and microphone with `getUserMedia`, binds the stream to a `<video>` element, and exposes basic controls (play/pause, fullscreen, enable/disable video and audio tracks). Emits `AudioVideoAccess` with grant result and `VideoInitialized` with |
— |
229
greenflagged
/ 331 total
|
|
@htmlbricks/hb-player-live
|
Live streaming `<video>` player for HLS (hls.js or native), WebSocket WebRTC (`simple-webrtc-element`), or WHEP (MediaMTX). Polls the manifest for HLS liveness, exposes the element via `getVideoElement`, and emits `liveStatus` and `htmlVideoInit`. When th |
— |
229
greenflagged
/ 672 total
|
|
@htmlbricks/hb-player-live-camera-ptz
|
Live camera view built on `hb-player-live` with a configurable PTZ panel: D-pad or analog joystick, zoom in/out, go home, click-to-center region on the video, optional grid overlay, fullscreen, mute, and play/pause. Manages camera presets in dialogs with |
— |
244
greenflagged
/ 333 total
|
|
@htmlbricks/hb-product-comparison
|
Product comparison matrix: columns per product (model, description, promotion, price, purchase button) and rows per feature header with icons or text from each product’s characteristics. Supports preferred product and sale styling; dispatches purchaseClic |
— |
244
greenflagged
/ 663 total
|
|
@htmlbricks/hb-range-slider
|
Dual-handle range slider mapping a min–max domain to thumb positions, with optional value bubbles and a third handle for a single marker position; emits changeRangeValues with real and percentage values on change. |
— |
244
greenflagged
/ 675 total
|
|
@htmlbricks/hb-searchbar
|
Search field with optional dropdown `searchlist` (id, text, icons, badges, tags, URLs). Configure `value`, `searchlabel`, `textarea`, `minlength`, `disable_preview`, `disabled`, and CSS parts for the input and menu. Dispatches `search` (detail may include |
— |
244
greenflagged
/ 536 total
|
|
@htmlbricks/hb-shop-item-cell
|
Vertical shop product card: top image with optional badge, then the same body as shop-item-row (title, subtitle, text, stars, reviews, prices, footer) with Bootstrap card styling and matching slots. |
— |
244
greenflagged
/ 536 total
|
|
@htmlbricks/hb-shop-item-row
|
Horizontal shop product card: image with optional badge, linked title and metadata, description, star rating scale with numeric rating and reviews link, current and strikethrough prices, and optional footer—all overridable via named slots. |
— |
244
greenflagged
/ 536 total
|
|
@htmlbricks/hb-sidebar-cards-navigator
|
Stacked sidebar navigator: picks an active panel from JSON panels (main or first without parent), shows hb-navbar with back when parentPanelId exists, then cards of rows rendered as hb-sidenav-button. Emits itemClick with panel, card and row context; rows |
— |
244
greenflagged
/ 330 total
|
|
@htmlbricks/hb-sidebar-desktop
|
Fixed-width desktop sidebar: optional company logo and title, header/footer slots, optional language menu (i18nlanguages + i18nlang) beside the Bulma theme switch (light / dark / system), and a nav list built from hb-sidenav-link entries with optional JSO |
— |
244
greenflagged
/ 547 total
|
|
@htmlbricks/hb-sidenav-button
|
Compact sidebar row as a nav button: optional Bootstrap Icons (bi-*) icon, Bulma tag badge, or visual types (switch, checkbox, radio) from navlink JSON; dispatches pageChange with the row key on click. Used by sidebar-cards-navigator and similar stacked m |
— |
244
greenflagged
/ 313 total
|
|
@htmlbricks/hb-sidenav-link
|
Sidebar nav item: Bootstrap Icons (bi-*), label, optional Bulma-style tag badge (outlined pill: transparent fill, border uses tag foreground color), and either a flat button that dispatches pageChange on click or an expandable group of subLinks with activ |
— |
244
greenflagged
/ 676 total
|
|
@htmlbricks/hb-site-contacts-row
|
Contact strip for addresses (with optional `latLng` or `link`), phones, emails, websites, and `availability` (times, optional appointment flag). Layout `model` is `big` or `small` (implementation defaults to `small` when omitted). |
— |
244
greenflagged
/ 464 total
|
|
@htmlbricks/hb-site-paragraph-with-image
|
Marketing block pairing an image (`img`) with rich text (`text`: title, body, optional link). Use `text_side` (`left` / `right`) and `half_space` for layout; responsive parts cover mobile and desktop. CTA is a Bulma `button is-primary` (optional inline co |
— |
244
greenflagged
/ 497 total
|
|
@htmlbricks/hb-site-slideshow
|
Full-viewport image slideshow: pass `data` as an array of slides (`href`, optional `caption`). Supports optional `index` and `timer`, dots and captions via CSS parts, overlay/prev/next/cover slots, and dispatches slide change and hover events. |
— |
244
greenflagged
/ 490 total
|
|
@htmlbricks/hb-site-slideshow-horizontal
|
Horizontal media strip: `data` lists slides with `href`, `caption`, and optional `link`, `externalLink`, `key`, or `duration` for video-style rows. Set `type` to `videos` for that layout; emits `slideClick` when a slide is activated. |
— |
244
greenflagged
/ 453 total
|
|
@htmlbricks/hb-skeleton-component
|
Development scaffold: accepts arbitrary `json`, `string`, and `boolean` props to test bindings, exposes a `content` slot and a `testpart` CSS part, and emits a generic `event` for wiring demos. |
— |
244
greenflagged
/ 543 total
|
|
@htmlbricks/hb-stylus-notebook
|
Notebook layout around `hb-stylus-paper`: toolbar (`part="controller"`) for modes, undo/redo, save, and file pickers; optional `load_draw` JSON restore. |
— |
244
greenflagged
/ 366 total
|
|
@htmlbricks/hb-stylus-paper
|
Freehand drawing surface with modes (`draw`, `eraser`, `select`), brush `options`, `background_color` / `pen_color` / `pen_opacity`, and optional `load_draw`, `insert_image`, or `insert_text`. Supports `save_as`, `size`, `view`, `goto`, and events for str |
— |
244
greenflagged
/ 381 total
|
|
@htmlbricks/hb-table
|
Bulma-styled data table driven by JSON `headers` and `rows` (`_id` required): column sort, header search (text, enum, date range, IP substring filter), formatted values (nested keys, datetime via dayjs, **`ip`** as IPv4 `A.B.C.D` or CIDR `A.B.C.D/p` with |
— |
244
greenflagged
/ 679 total
|
|
@htmlbricks/hb-terms-doc-templates
|
Renders legal-style documents from `data`: privacy templates with site, company, and admin fields, or cookie policies with a `cookies` list. Use `i18nlang` with registered languages for localized copy. |
— |
244
greenflagged
/ 468 total
|
|
@htmlbricks/hb-toast
|
Bulma-styled notification toast: `show`, `title`, `content`, optional `img`, `small`, `level` (sets `--hb-toast-accent` for border, icon/status tint, progress bar; panel uses `--bulma-background` / text tokens), `position`, `timeout`, string `progress` fo |
— |
244
greenflagged
/ 648 total
|
|
@htmlbricks/hb-tooltip
|
Wraps slotted content with a Bootstrap-styled tooltip bubble driven by the `tooltip` JSON (title, placement, HTML mode, delays, etc.). Optional `show` can force visibility; emits `visualizationChange` when opened or closed. |
— |
134
greenflagged
/ 134 total
|
|
@htmlbricks/hb-uploader
|
Upload progress in `hb-dialog` driven by `fetch_data` (`url`, `data`, optional `method`, `headers`): Bulma `progress` (indeterminate then value) and optional `upload_id`. Forwards `modalShow`; emits `uploadComplete` / `uploadError`. |
— |
244
greenflagged
/ 418 total
|
|
@htmlbricks/hb-vertical-img-txt-archive
|
Vertical archive grid: `collection` items with `title`, `text`, `image`, and optional `link` (`type` + `uri`). Clicking a card with a link dispatches `collectionItemClick` and performs `tab` / `page` navigation; `event` link types only emit. CSS parts sty |
— |
244
greenflagged
/ 452 total
|
|
@htmlbricks/mcp
|
MCP server with HTML Bricks (hb-*) web component catalog resources and tools for agentic IDEs. |
Apache-2.0 |
83
greenflagged
/ 83 total
|