nowfound

Life & fun · February 27, 2020

Checkboxland – A library for rendering anything as HTML checkboxes

The Checkboxland JavaScript library renders anything as HTML checkboxes, from animations and text to images and video.

Checkboxland – A library for rendering anything as HTML checkboxes launched on February 27, 2020 with 5 votes, #1,271 of 3,162 launches that month and more than 50% of that year's launches. The site was still online in September 2026, 6 years on.

What it does

Checkboxland is a JavaScript library for rendering anything as HTML checkboxes. You can use it to display animations, text, images, video, and arbitrary data. It also supports plugins, so you can add your own APIs. Checkboxland is dependency-free, framework-agnostic, and fun! 🙃 Having lots of elements on a webpage can impact runtime performance . Checkboxes are no exception. Checkboxland attempts to mitigate some of these issues, but you'll likely run into performance issues if you are displaying large grids (1500+ checkboxes), and trying to update them rapidly. For best results, stay below 1500 checkboxes. Some good sizes in this range include 32x32 , 48x24 , and 64x16 . We created a…from bryanbraun.com

Does a similar job

all alternatives →
  • A webcam made out of HTML checkboxes2021 · bryanbraun.com · ▲202
  • A JavaScript library for data visualization in both SVG and Canvas2024 · github.com · ▲161

    Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more modern API and stricter TypeScript support. I am aware there are already libraries that can draw to multiple contexts interchangeably, but I've added a few little niceties to Ripl that (as far as I know) some other libraries don't have such as CSS-like query selectors, DOM-like…

  • Checkbox2016 · 720kb.github.io · ▲139

    Tiny set of CSS3 animations for your checkboxes ✅

  • WJ
    Wiv.js – A library for a more wiggly div2018 · jjkaufman.github.io · ▲265
  • GJ
    Grid.js – Advanced table library that works everywhere2020 · gridjs.io · ▲390

    Grid.js is a lightweight JavaScript table plugin that works on all web browsers and devices. Grid.js is open-source and it helps you create advanced tables in seconds!

  • AD
    A DOM text-selection highlight renderer2015 · bowlingx.github.io · ▲93

    A simple and fast zero-dependencies-library to transform text-selections into serializable markings.

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, February 2020

the whole month →