Lantern

loadersz is a framework-agnostic, dependency-free browser library of Canvas loading animations, distributed as a native Web Component with an imperative TypeScript API. It provides 150 motion states, including working, searching, connecting, solving, and racing, and supports configurable size, speed, density, color, theme, pausing, and reduced-motion behavior. The root import registers a switchable <loadersz-loader> element, while individual state entry points such as loadersz/racing include the Canvas core and one geometry builder for smaller fixed-state bundles. The API can also attach a fixed or switchable loader controller to an application-owned canvas and supports lifecycle methods such as setOptions and destroy. Typed integration adapters are provided for React, Vue, Svelte, and Angular; plain HTML, Lit, Solid, and Qwik can use the native element directly. The library pauses in hidden tabs, respects prefers-reduced-motion by default, and caps Canvas device-pixel ratio at two. The package has no regular runtime dependencies, and its repository is licensed under the MIT License.

Pele is a small, synchronous open-source JavaScript library that renders Mermaid diagrams to SVG without runtime dependencies. It supports every diagram type built into Mermaid 12.1.0, exposes render() for generating SVG and mount() for rendering into a browser element, and can load individual diagram types or use lazy rendering to reduce the initial bundle. It uses CSS variables for colors and fonts, escapes diagram text, filters links and styles, and limits source and output size when handling untrusted diagrams. Pele is distributed through npm and a CDN under the MIT license.

TanStack Charts is a TypeScript visualization grammar for responsive, accessible, server-rendered application charts, built on granular D3 primitives. Chart definitions are framework-independent: marks consume arrays, objects, tuples, or iterables; channels describe visual encodings; and scale factories infer domains from those channels. Definitions compile into a renderer-neutral keyed scene that can be rendered through React, Preact, Vue, Solid, Svelte, Angular, Lit, Alpine, Octane, the vanilla DOM, static SVG, or an optional Canvas renderer. The system supports layered built-in marks, custom marks using the same scene protocol, responsive layout, automatic guide margins, themes, interaction, animation, accessibility, SVG server-side rendering, hydration, and export. Its marks, transforms, layouts, renderers, and chart-owned interactions are available through independent subpaths, with optional D3-backed capabilities remaining tree-shakeable. The repository documents an unreleased alpha line and says the latest published release is 0.16.0; alpha releases may contain breaking changes between minor versions.

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.

morphicons is an open-source, zero-dependency JavaScript library for morphing one stroke-based SVG icon into another with spring physics. It accepts icon data such as IconNode objects or raw path strings, supports icon sets including Lucide, Tabler, Heroicons, and Iconoir, and can use custom paths. Its morphing algorithm solves the optimal similarity between shapes using 2D Procrustes analysis and polar interpolation, allowing rotation and scale to emerge mathematically rather than being declared for each icon pair. The library provides React, Vue, Svelte, React Native, vanilla custom-element, Astro, and core usage options, including uncontrolled prop-driven animation, controlled progress, and imperative morphing. It is distributed as an ESM package with optional framework peer dependencies.