Torn graph paper with typewritten words: random tidbit.

A tiny browser renderer for shuffled bits of text without repeats

Give it quotes, facts, jokes, reminders, or any other tidbits. It displays a different text on each reload or navigation.

Docs

Usage

Basic
With next button

<div id="tidbit-container"></div>

import { renderRandomTidbit } from "random-tidbit";
import { quotes } from "random-tidbit/quotes";

renderRandomTidbit({
  target: "#tidbit-container",
  tidbits: quotes,
});

<div id="tidbit-container"></div>
<button id="next-button" type="button">Next</button>

import { renderRandomTidbit } from "random-tidbit";
import { quotes } from "random-tidbit/quotes";

const tidbitRenderer = renderRandomTidbit({
  target: "#tidbit-container",
  tidbits: quotes,
});

document
  .getElementById("next-button")
  ?.addEventListener("click", tidbitRenderer.renderNext);

Install

npm i random-tidbit

pnpm add random-tidbit

yarn add random-tidbit

Get startedLearn more about Random Tidbit and how to use it.