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

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

PixiJSは、インタラクティブなグラフィックスやクロスプラットフォームアプリケーションの作成向けに設計された、ウェブ用の高性能な2D WebGLおよびWebGPUレンダラーです。

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 を提供します。

Hoho Avatarは、Canvas 2Dレンダリングを用いて、音声に反応して口を動かす2Dアバターを作成するためのオープンソースのTypeScriptツールキットです。

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

リアルタイム押し出し、PBRマテリアル、ダイナミックライティングを備えたテキストを3Dメッシュに変換するWindowsネイティブアプリケーション。

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

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

ImageCropKitは、Next.jsとCanvas APIで構築されたプライバシー重視のブラウザベース画像クロッパーです。単一・一括切り抜き、アスペクト比・プラットフォームプリセット、円形/楕円形、AIデータセットサイズに対応し、アップロードや会員登録、透かしなしでPNG、JPG、WebP形式で書き出せます。

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

正確なトリミングとカスタマイズのための組み込みエディタを備え、ビデオクリップを最適化されたループ GIF に変換するネイティブな Windows アプリケーション。

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ライブラリです。