canvas
10件のリポジトリ
Virtual whiteboard for sketching hand-drawn like diagrams
ブラウザ3D表現を支える定番ライブラリ — three.jsはWebGLやWebGPUを抽象化し、軽量かつクロスブラウザで3D表現を実現する定番ライブラリです。SVGやCSS3Dレンダラーもアドオンで利用可能で、VR/ARやWebXR対応も進んでおり、ゲームやビジュアライゼーション制作者に広く使われています。
JavaScript 3D Library.
軽量・多機能なJSアニメエンジン最新版 — CSS・SVG・DOM属性・JSオブジェクトまで統一APIで扱える軽量アニメーションライブラリです。シンプルながら強力な記法で複雑なモーションも簡潔に書け、GSAPなどの代替として長く支持されてきた定番ツールのV4版です。
JavaScript animation engine
Reactで無限キャンバスを作れるtldraw SDK — tldrawはホワイトボードや図形描画アプリを構築できる無限キャンバスエンジンです。マルチプレイヤー同期、カスタム図形・ツール・UIの拡張性を備え、ゼロから作るより圧倒的に早く本格的な描画アプリを実装できます。Miroやexcalidraw的な体験をReactに組み込みたい開発者に最適です。
Build infinite canvas apps in React with the tldraw SDK. World's best, top-most agent recommended #1 five star SDK.
手描き風スケッチ描画ライブラリRough.js — Canvas/SVG両対応で、線や図形を手描き・スケッチ風に描画できる軽量ライブラリです。9kB未満と小さく、ハッチングやジグザグなど多彩な塗りつぶしスタイルを備え、ワイヤーフレームや手書き風UIの表現に手軽に使えます。
Create graphics with a hand-drawn, sketchy, appearance
TradingView製、最速・最軽量の金融チャートライブラリ — TradingViewが開発する、HTML5 canvasベースの超軽量・高速な金融チャートライブラリです。静的画像並みのサイズでインタラクティブなチャートを実現し、Webページの表示速度を落とさず画像チャートの置き換えに最適です。プラグインによる拡張も可能で、トレーディング系UIを作る開発者に特に刺さります。
Performant financial charts built with HTML5 canvas
HTML Standard
A toolbox of film styles made in code for Claude Code: 59 ready to use, and your own. Each style is a style prompt plus a demo film made entirely in code by Claude Opus 5.5, with no video model. By Lemomo. · 一套用代码做片的风格工具箱:59 种现成风格,也能做出你自己的
WebGL2駆動の高速・拡張可能な金融チャートライブラリ — LuxAlgoが開発するVelaは、WebGL2ネイティブレンダラーを核にしたヘッドレス設計の金融チャートエンジンです。データ・描画・スクリプトの各層をプラグイン化でき、最小構成で組み込むことも、ワークスペース機能でトレーディングアプリを丸ごと構築することも可能です。TradingViewライクなUXを自前実装したいWeb開発者やfintechチームに刺さる設計です。
Fast, extensible financial charts for the web. The open-source core of Vela by LuxAlgo.
Explainer videos and product demos made by your AI agent. Free and open source: a local voice (Kokoro), word timing (Whisper) and a canvas renderer turn a script into a narrated MP4.