Skip to main content
Deno 2 is finally here ๐ŸŽ‰๏ธ
Learn more

What is this?

A pure-js toolkit for UI elements that I made mostly for myself.

How to use

import { css, components, Column, Row, askForFiles, Code, Markdown, Input, Button, Checkbox, Dropdown, popUp, cx, } from "https://deno.land/x/good_component@0.2.8/elements.js"
import { fadeIn, fadeOut } from "https://deno.land/x/good_component@0.2.8/main/animations.js"
import { addDynamicStyleFlags, setupStyles, createCssClass, setupClassStyles, hoverStyleHelper, combineClasses, mergeStyles, AfterSilent, removeAllChildElements } from "https://deno.land/x/good_component@0.2.8/main/helpers.js"
import { showToast } from "https://deno.land/x/good_component@0.2.8/main/actions.js"

showToast("Howdy!", {
    backgroundColor: "#7D0A0A",
    position: 'right',
    gravity: "bottom",
    duration: 8000,
})

How to build

deno install -n deno_bundle -Afr https://raw.githubusercontent.com/jeff-hykin/deno_bundle/master/main.js
deno_bundle ./elements.jsx > ./elements.js