Nihilist Pocket Monsters

    @thi.ng/hdom-components
    TypeScript icon, indicating that this package has built-in type declarations

    5.1.30 • Public • Published

    hdom-components

    npm version npm downloads Twitter Follow

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

    About

    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!

    Status

    BETA - possibly breaking changes forthcoming

    Search or submit any issues for this package

    Installation

    yarn add @thi.ng/hdom-components

    ES module import:

    <script type="module" src="https://cdn.skypack.dev/@thi.ng/hdom-components"></script>

    Skypack documentation

    For Node.js REPL:

    # with flag only for < v16
    node --experimental-repl-await
    
    > const hdomComponents = await import("@thi.ng/hdom-components");
    

    Package sizes (brotli'd, pre-treeshake): ESM: 2.06 KB

    Dependencies

    Usage examples

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

    A selection:

    Screenshot Description Live demo Source
    Figlet-style bitmap font creation with transducers Demo Source
    Canvas based dial widget Demo Source
    2D transducer based cellular automata 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 for hdom 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
    WebGL cube maps with async texture loading Demo Source

    API

    Generated API docs

    Canvas

    Form elements

    Links

    Other

    Authors

    Karsten Schmidt

    If this project contributes to an academic publication, please cite it as:

    @misc{thing-hdom-components,
      title = "@thi.ng/hdom-components",
      author = "Karsten Schmidt",
      note = "https://thi.ng/hdom-components",
      year = 2018
    }

    License

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

    Install

    npm i @thi.ng/hdom-components

    DownloadsWeekly Downloads

    62

    Version

    5.1.30

    License

    Apache-2.0

    Unpacked Size

    69.9 kB

    Total Files

    30

    Last publish

    Collaborators

    • thi.ng