Building blocks for the frontend.
featuring
- no shadow DOM
- no external runtime dependencies
To keep server-side rendering easy, an isomorphic file is exposed at /html.
This file exposes a single function that takes attributes as an object
and returns a string of HTML.
The frontend component uses this to render itself in the
connectedCallback
function.
This makes it easy to render a component serverside. Just import the
/html path:
import { render } from '@substrate-system/example-component/html'
// return an HTML string
html({
disabled: true,
placeholder: 'hello'
})Web components and related libraries.
- @substrate-system/tonic — Low Profile Component Framework
- @substrate-system/template-web-component — A template for vanilla web componenets
- @substrate-system/web-component — A minimal parent component to inherit from
- @substrate-system/wavy-hr —
hr, but wavy. - @substrate-system/icons — convenient icons
- @substrate-system/copy-button — icon/button to copy some text
- @substrate-system/input — a parent input element to inherit from
- @substrate-system/blur-hash — blurry placeholder images
- @substrate-system/progress-indicator — progress indicator, for downloads and things
- @substrate-system/button — button element with a visual loading state
- @substrate-system/radio-input — radio inputs with style
- @substrate-system/password-field — password input with a visible/hidden button
- @substrate-system/text-input — Text input with style
- @substrate-system/hamburger-two — Hamburger menu as a web component
Some modules that use the Web Crypto API, for cryptography in the browser.
- @substrate-system/keys — Create and securely store asymmetric keys in the browser.
- @substrate-system/simple-aes — The simplest way to use AES keys in the browser.
- @substrate-system/request — Use Bearer tokens with web crypto to authenticate http requests.
- @substrate-system/message — Create and verify signed messages.
- @substrate-system/webauthn-keys — Use biometrics to secure keys.
- @substrate-system/frost — Flexible Round-Optimized Schnorr Threshold Protocol for the browser.
- @substrate-system/frost-dkg — Distributed key generation + FROST signatures
- @substrate-system/webcrypto-x3dh — X3DH for the browser
- @substrate-system/shamirs-secret-sharing — Shamir's Secret Sharing for the browser
Some other frontend libraries:
- @substrate-system/signs — Smaller, simpler signals
- @substrate-system/mergeparty — Automerge + Partykit
- @substrate-system/tapout — The easiest way to run tests in a browser from the command line.
- @substrate-system/tapzero — Zero dependency test framework
- @substrate-system/dom — Helpers for working with the DOM in tests
- route-event — Simple client side route event
- @substrate-system/routes — route matcher
- @substrate-system/debug — Debug utility
- @substrate-system/a11y — helpers for accessibility
- @substrate-system/webrtc — simpler webrtc
- @substrate-system/report — What browser and OS?
- @substrate-system/drag-drop — simpler HTML5 drag and drop
