ascii-sharks

ascii is a TypeScript library for adding animated ASCII art to web pages. It provides pieces including scenes, interface elements, charts, text effects, language logos, distribution logos, shapes, physics simulations, nature scenes, and generative patterns, rendered as text in a <pre> element or as colored graphics on a canvas. It supports React, Next.js, Astro, plain HTML through the <ascii-art> custom element, and direct TypeScript usage with its mount API. Pieces can be bundled as modules or loaded by name; options control frame rate and piece-specific settings, while labels support screen readers and reduced-motion users see the first frame by default. The project also provides animated SVG versions of selected logos, companies, and distributions for use in GitHub READMEs. It is written by bas3line and distributed under the MIT license.

ascii-magic-art is an open-source library of 634 animated ASCII art pieces for web pages, READMEs, wallpapers, and terminals, organized into 24 categories. Its npx command-line browser lets users navigate pieces and categories, change rendering styles such as ASCII, dots, binary, dithering, and custom character sets, and copy a prompt for adding a selected piece to a coding project. Pieces can also be played directly in the terminal, embedded as the <ascii-art> web component, or installed as ES modules that expose metadata and a time-based draw function; runtime modules render frames to HTML or canvas for PNG, GIF, and video export. The repository includes a validator for frame dimensions, character sets, animation, and drawing time. It is distributed under the MIT license, with two photo-based scenes retaining the licenses of their Unsplash source photos.

ascii-reveal is a React loading and content-reveal library that makes text, images, videos, canvases, and cards decode through animated character grids while preserving their real DOM position and avoiding layout shift. Its AsciiReveal component draws the scramble and reveal on a canvas layer above the content; it supports loading transitions, selectable presets such as decode, dither, terminal, and blueprint, configurable wave origins and timing, lazy viewport reveals, mascots, replay controls, and reduced-motion fallbacks. AsciiSkeleton provides server-renderable HTML and CSS placeholders that paint before JavaScript, with optional canvas-based shimmer animation. A core API supports use without React. The repository reports a small, dependency-free distribution and is licensed under MIT.

Lantern is a zero-dependency TypeScript library for animated, step-by-step explainers of code changes. It uses a JavaScript port of manim's core model to represent scenes as trees of point buffers and renders them as SVG in browsers, Cloudflare Workers, or Node. Scenes define asynchronous construction methods with named steps; each step can expose state, and the same scene can produce live DOM output, SVG frames, text representations, structured traces, or motion-verifier samples. It includes Mermaid flowchart parsing and JSON document scenes, supports deep links to individual scenes and steps, and uses fixed-timestep playback so seeking can reproduce the same output as a full run. The repository is written in TypeScript and has no runtime dependencies; it is not currently published on npm.