This project is part of the @thi.ng/umbrella monorepo.

• About
  • Status
• Installation
• Dependencies
• Usage examples
• API
  • Canvas
  • Form elements
  • Links
  • Other
• Authors
• License

Raw, skinnable UI & SVG components for @thi.ng/hdom.

A growing collection of unstyled, re-usable & customizable components for use with @thi.ng/hdom & @thi.ng/hiccup.

Please see ADR-0002 and onwards for detailed discussion about the design intentions of these components. Feedback welcome!

BETA - possibly breaking changes forthcoming

yarn add @thi.ng/hdom-components

Package sizes (gzipped, pre-treeshake): ESM: 2.29 KB / CJS: 2.41 KB / UMD: 2.41 KB

• @thi.ng/api
• @thi.ng/checks
• @thi.ng/math
• @thi.ng/transducers
• @thi.ng/transducers-stats
• tslib

Several demos in this repo's /examples directory are using this package.

A selection:

Screenshot	Description	Live demo	Source
	Canvas based dial widget	Demo	Source
	Basic crypto-currency candle chart with multiple moving averages plots	Demo	Source
	hdom update performance benchmark w/ config options	Demo	Source
	Various hdom-canvas shape drawing examples & SVG conversion / export	Demo	Source
	Custom dropdown UI component w/ fuzzy search	Demo	Source
	Customizable slide toggle component demo	Demo	Source
	Worker based, interactive Mandelbrot visualization	Demo	Source
	Triple store query results & sortable table	Demo	Source

Generated API docs

• Canvas types (WebGL, WebGL2 & Canvas2D)

• Button
• Button group
• Dropdown
• Pager

• Link types

• FPS counter
• Notification
• Sparkline
• Title

Karsten Schmidt

© 2018 - 2020 Karsten Schmidt // Apache Software License 2.0