オープンソース。新しい可能性。

ブラウザ上で画像をUnicode点字グリフを使った高精細テキストアートに変換するツール。高度なディザリングやエッジ検出を備える。

Anime.jsは、CSSプロパティ、SVG、DOM属性、JavaScriptオブジェクトをアニメーション化するための強力なAPIを備えた、高速で軽量なJavaScriptアニメーションライブラリです。

Phaserは、デスクトップおよびモバイルウェブブラウザ向けの高速で無料のオープンソースHTML5 2Dゲームフレームワークであり、CanvasとWebGLの両方のレンダリングをサポートしています。

Vue で実装されたフロントエンド視覚効果のケース集。CSS アニメーション、Canvas 动画、Three.js 3D、AI 応用など 100 案例以上を収録。PC 向けオンラインデモあり。React 版も別レポに存在。

nivoはd3をベースに構築されたオープンソースのReactデータ可視化ライブラリです。SVG、HTML、Canvas向けのカスタマイズ可能な宣言的チャートコンポーネントを提供し、アニメーション、テーマ設定、レスポンシブレイアウト、サーバーサイドレンダリングなどをサポートしています。

ウェブブラウザでアニメーション付きの3Dグラフィックスを作成および表示するために使用される、軽量でクロスブラウザ対応の汎用JavaScript 3Dライブラリです。

tsParticlesは、カスタマイズ可能なパーティクルエフェクト、粉雪、花火アニメーションをウェブサイトの背景として作成できる軽量なTypeScriptライブラリです。React、Vue、Angular、Svelteなど主要フレームワークに対応しています。

tldrawは無限キャンバスアプリを構築するためのオープンソースReact SDKで、描画・作図ツール、セルフホスト可能なマルチプレイヤー同期、カスタムシェイプ/ツール、AI統合のスターターキットを提供します。

visualization-collectionはフロントエンドの視覚効果に特化したコレクションアプリで、CSSアニメーション、Canvasアニメーション、Three.js 3D、AIアプリケーションなど100以上の事例を収録し、オンラインデモとローカル実行方法を提供、継続的に更新中。

p5.jsのスケッチをヘッドレスでRGBAピクセルバッファにレンダリングするためのNode.jsライブラリです。

Chart.jsは、canvasタグを使用したシンプルで柔軟なJavaScriptのチャートライブラリです。v4のドキュメント、サンプル、拡張機能を提供し、MITライセンスで公開されています。

ICERenderは、TypeScriptで記述されたCanvas 2Dインタラクティブグラフィックスレンダリングエンジンです。ER図、フローチャート、トポロジー図などの編集シーン向けに、React風のコンポーネントモデル、ネストされた座標系、W3Cイベント、Visioスタイルの接続線、JSONシリアル化、keyframesアニメーションを提供し、ランタイムはgl-matrixのみに依存しています。

Lottie (.json) および dotLottie (.lottie) アニメーション用の公式 LottieFiles ウェブプレイヤー。Rust + WASM コア、Canvas2D/WebGL2/WebGPU バックエンド、ランタイムテーマ、ステートマシン、オーディオ、Worker レンダリングを搭載し、React, Vue, Svelte, Solid, Web Component SDK を提供します。