Sugar High

MicroLighter is a tiny, dependency-free browser syntax highlighter developed by davatron5000. It uses TextMate grammars and the CSS Custom Highlight API to highlight code without wrapping each token in a span, keeping the DOM clean and code blocks editable. It provides programmatic and automatic highlighting APIs, an optional <micro-lighter> web component, on-demand support for 35 languages, and 10 bundled themes. It can be installed from npm or loaded from a CDN.

rangi is a tiny, synchronous syntax-highlighting library that converts code into self-contained HTML with theme colors inlined as style attributes, requiring no stylesheet, client-side JavaScript, hydration, or global registry. It bundles 46 languages and 25 themes, supports automatic language detection, custom languages, inline or block output, optional line numbers, raw tokens for custom rendering, and ANSI terminal output. The package has zero runtime dependencies; its full bundle is about 13.2 kB minified and gzipped, while the core code-to-HTML entry point is about 1.5 kB. It runs in Node.js, browsers, workers, and templates, and also provides a command-line interface.

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.

happy-dom is a JavaScript implementation of a web browser without a graphical user interface. It recreates DOM and browser APIs for running and testing browser-dependent code in Node.js and other lightweight environments. Its supported features include custom elements and declarative shadow DOM, mutation observers, tree walkers, and the Fetch API. It works with testing and frontend ecosystems including Vitest, Bun, Jest, Testing Library, LitElement, Vue, React, Svelte, Angular, and web components. happy-dom is distributed under the MIT License. The project is maintained by David Ortner and hosted on GitHub.

Sandpack is a React component toolkit for embedding live-running code editing and preview experiences in web applications. It runs JavaScript and Node.js applications in the browser and can be used for interactive documentation, coding environments, low-code tools, generated website previews, and embedded playgrounds. Sandpack provides templates containing project files and dependencies, custom setup for changing dependencies or file structure, configurable built-in components, themes, and composable components and hooks for custom interfaces. It uses CodeMirror for editor functionality, supports npm dependencies, hot module reloading, error overlays, caching, and Node.js execution through its Nodebox runtime. The Sandpack Client package exposes a framework-agnostic bundler protocol, and the toolkit supports frameworks including Next.js, Remix, Vite, and Astro.