A Web UI toolkit for creating rapid prototypes, experiments and proof of concept projects.

Overview

MinimalComps2

A Web UI tookkit for creating rapid prototypes, experiments and proof of concept projects.

The site: https://www.minimalcomps2.com/

Full documentation and live demos.

Summary

A single-file, drop-in library allowing you to create a quick user interface for experiments or quick ideas.

The aim is for very concise, compact syntax. You can usually create a component, position it, configure it and create and event handler in a single line of code.

Example

const panel = new Panel(document.body, 40, 40, 200, 200);
new Button(panel, 20, 20, "Click me", () => label.text = input.text);
const input = new TextInput(panel, 20, 50, "hello world");
const label = new Label(panel, 20, 80, "target label");

The general API for each component is

new ComponentName(parent, x, y, <possible other params>, defaultEventHandler);

Full documentation here: https://www.minimalcomps2.com/documentation/index.html

No need to worry about styles or layout. Just give everything a parent, a position, a prop or two and maybe an event handler.

You might also like...

The iofod SDK provides developers with the ability to interact with the main iofod interface within the Web worker, enabling rapid development of iofod extensions through the SDK.

iofod-sdk English | 简体中文 The iofod SDK provides developers with the ability to interact with the main iofod interface within the Web worker, enabling

Oct 17, 2022

Quick T3 Stack with SvelteKit for rapid deployment of highly performant typesafe web apps.

Quick T3 Stack with SvelteKit for rapid deployment of highly performant typesafe web apps.

create-t3svelte-app Just Build npx create-t3svelte-app Outline Get Building npm yarn More Info 🛠 Early Version Note Prisma Requirements Available Tem

Dec 26, 2022

Experiments with overlaying time-series satellite imagery on a map

Videomap.earth Experiments with overlaying time-series satellite imagery as video over maps. TODO: Add instructions on generating video files using st

May 10, 2023

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.

Install | Documentation | Releases | Contributing Foundation is the most advanced responsive front-end framework in the world. Quickly go from prototy

Jan 4, 2023

JSPro is nothing but JavaScript Prototypes! The publisher is too lazy to write full name that's why it's just JSPro.

JSPro is nothing but JavaScript Prototypes! The publisher is too lazy to write full name that's why it's just JSPro. Whatever, it's a library of hundreds of awesome JavaScript Prototypes (you may know it as dot function) for lazy programmers. Just install the package with a little effort and leave the blames for the publisher.

Mar 10, 2022

Litebug is a rapid data entry interface for Firefly iii

Litebug is a rapid data entry interface for Firefly iii.

Nov 7, 2022

Been interested, studying, and developing blockchain security with a Zero Knowledge Proof (ZKP) and create a prototype on the current issue with Philippine's upcoming election. 📥

Been interested, studying, and developing blockchain security with a Zero Knowledge Proof (ZKP) and create a prototype on the current issue with Philippine's upcoming election. 📥

Implementation of Zero Knowledge Proofs in Cryptographic Voting 😎 Reference: Cryptographic Voting – A Gentle Introduction Overview 👨🏻‍💻 The main i

Apr 11, 2022

Digital Identifier is a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential identity-based documents to create a unique digital identity of a person.

Digital Identifier is a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential identity-based documents to create a unique digital identity of a person.

Digital Identifier 🧐 To design and develop a secure, decentralized, anonymous and tampered proof way of maintaining and verifying all essential ident

Dec 17, 2022

Collection of benchmarks of functional programming languages and proof assistants.

Collection of benchmarks of functional programming languages and proof assistants.

Functional Benchmarks This repository contains a collection of benchmarks of functional programming languages and proof assistants. It is split in two

Dec 12, 2022
Comments
Releases(v1.5.1)
  • v1.5.1(Jun 12, 2021)

    Minor fixes:

    • Window zIndex increases for correct stacking when moving around multiple windows.
    • Window constructor signature changed to match convention better. Won't break original usages.
    • Fixed Safari bug where dragging a slider could visually select a bunch of other components. user-select style.
    Source code(tar.gz)
    Source code(zip)
    minimalcomps2-v1.5.1.zip(72.00 KB)
  • v1.5.0(Jun 6, 2021)

    • value label position for HSlider. Note: the default is now "top" to match the text label. It may affect previous layouts.
    • advanced ColorPicker - popup with RGB sliders. Can be turned off.
    • ability to swap labels on VSlider (like on Knob)
    • allow Dropdown to drop up (not automatic. set with dropdownPosition
    • new PlayButton component. Media-type control button toggles play/pause icons. Good for controlling sound or animation.
    • misc. bug fixes.
    Source code(tar.gz)
    Source code(zip)
    minimalcomps2-v1.5.0.zip(71.64 KB)
  • v1.4.0(Jun 4, 2021)

  • v1.3.1(May 30, 2021)

    No major changes. Just a few bug fixes and general code clean up.

    • fix for NumericStepper event.detail
    • fixes for Window dragging on mobile
    • fix for component width on Label, RadioButton and Checkbox
    • added default properties for all possible params in constructors
    • added underscores to private methods to make it clear they are private
    Source code(tar.gz)
    Source code(zip)
    minimalcomps2_v1.3.1.zip(57.53 KB)
  • v1.3.0(May 30, 2021)

    • new Toggle component
    • new LED component
    • added text labels to ColorPicker and NumericStepper
    • default "Choose..." label to Dropdown
    • advanced methods on ColorPicker
    • improvements to text labels on Knob
    • numerous bug fixes and tweaks
    • improved documentation
    • removed demo folders. Demos are now on main site.
    Source code(tar.gz)
    Source code(zip)
    minimalcomps_1.3.0.zip(56.34 KB)
  • v1.2.1(May 26, 2021)

  • v1.2.0(May 25, 2021)

    • new Knob component
    • mouse wheel events for sliders, numeric stepper
    • page up/down, home and end key handling for sliders.
    • no breaking changes
    Source code(tar.gz)
    Source code(zip)
  • v1.1.3(May 25, 2021)

    • fixes bug where setting Defaults.label.fontSize or the default handleSize for HSlider or VSlider was not working.
    • fixes bug where clicking on HSlider or VSlider would not give it focus.
    Source code(tar.gz)
    Source code(zip)
  • v1.1.2(May 23, 2021)

  • v1.1.1(May 23, 2021)

  • v1.1.0(May 23, 2021)

    • HBox component.
    • VBox component.
    • All components use a CustomEvent that contains a details property holding the updated value/text/color/etc. of the component.
    • Consolidated style code.
    • Lots of code clean up based on linting.
    • No breaking changes from v1.0.0
    Source code(tar.gz)
    Source code(zip)
Owner
Keith Peters
Keith Peters
NFT vending machine proof of concept built on Solana Pay, Metaplex, Phantom Mobile and Next.js.

Solana NFT Vending Machine This is a proof of concept of an NFT vending machine built using Solana Pay, Metaplex, Phantom Mobile, and Next.js. This wa

Matt Rosenzweig 55 Dec 15, 2022
True P2P concept for your p2p powered website/app/client. MSC/MEP (Multiple Strategy Concept/Multiple Entry Points)

TRUE P2P CONCEPT - Lets redecentralize the web This repo is just conceptual. Active development of the endproduct (TRUE P2P) happens here https://gith

Bo 6 Mar 29, 2022
Proof of concept: support immutable trpc servers using lambdas to ensure client/server compatibility

auto-versioned-trpc-aws-lambda Proof of concept to support an automatically versioned AWS Lambda running tRPC to ensure a somewhat graceful and automa

Kenneth Skovhus 5 Aug 30, 2022
Simple Jai to WASM Proof-of-Concept

Simple Jai to WASM Proof-of-Concept Jai does not officially support WebAssembly compilation target. BUT! It allows you to dump LLVM IR via the llvm_op

Tsoding 52 Dec 14, 2022
A proof-of-concept malicious Chrome extension

Crux: Demonstration Malicious Chrome Extension This repository is for educational purposes only. If you use this outside of security research or autho

Michael Taggart 18 Nov 9, 2022
CVE-2022-22629 Proof of Concept

CVE-2022-22629 Proof of concept This post is about the poc for the WebGL bug that was patched in Safari 15.4 security updates. If you want to learn in

PARS Defense 45 Jan 9, 2023
A boilerplate project to build proof of concept paywalls with lightning service authentication tokens (LSATs)

lsat-workshop-boilerplate A boilerplate project to build proof of concept paywalls with lightning service authentication tokens (LSATs) Install Setup

Buck Perley 2 Oct 13, 2022
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023