Web・フロントエンド

shader-effects-inc/shaders

WebGPUシェーダーをコンポーネントとして使う — React・Vue・Svelte・Solid・JSに対応したWebGPUエフェクトのコンポーネント集です。200種類以上のグラデーションやノイズ、ガラス・光・歪みなどの表現を宣言的に扱え、専用デザインエディタでビジュアル編集したものをそのままコードとして書き出せる点が特徴です。CLIやMCP対応でAI連携も意識されています。</p>

WebGPU components for React, Vue, Svelte, Solid, JS & Framer

voidzero-dev/vite-plus

Vite+：Webフロントエンドの統一ツールチェーン — Vite、Vitest、Oxlint、Oxfmt、Rolldown、tsdownなどを一つにまとめたゼロコンフィグツールチェーンです。ランタイム・パッケージ管理からdev・check・test・build・monorepoタスクキャッシュまで単一依存で担い、複数ツールの個別導入・設定の手間を解消する点が新しいです。Vite作者陣による公式統合ツールとして注目されています。

The unified toolchain and entry point for web development.

mrdoob/three.js

ブラウザ3D表現を支える定番ライブラリ — three.jsはWebGLやWebGPUを抽象化し、軽量かつクロスブラウザで3D表現を実現する定番ライブラリです。SVGやCSS3Dレンダラーもアドオンで利用可能で、VR/ARやWebXR対応も進んでおり、ゲームやビジュアライゼーション制作者に広く使われています。

JavaScript 3D Library.

Jakubantalik/Libraries.dev

AIエージェント向けUIエフェクト集、npmで即導入 — AIインターフェース特有の「動いている感」を出すReactライブラリ集です。ボーダービームや思考中オーブ、ボットアバターなど7種を、手書きWebGLなしでpropsだけで調整できる単一コンポーネントとして提供します。既存のマークアップの意味構造を保ったまま見た目を強化できる点が特徴で、AIチャットUIやエージェント系プロダクトの開発者に刺さりそうです。

High-crafted UI libraries for AI agents: Border beam, Orbs, Metal, Gooey, Voice, Image, Avatar bots

Jakubantalik/thinking-orbs

AIエージェントUIのための思考中インジケーター集 — AIチャットやエージェントUIの「考え中」表示に使える、ドット状の思考オーブアニメーションを9種類収録したReactコンポーネントです。Canvas描画でWebGL不要、Chrome/Safari/Firefoxで同一表示。チャット用とインライン用の2サイズ、ダーク/ライト自動対応も特徴で、ChatGPT風UIのローディング表現を手軽に導入できます。

Dotted thought-orb loading indicators for AI & agent UIs, 9 tuned types, two sizes, auto dark/light

remorses/gpuix

ElectronなしでReact/SolidをネイティブGPU描画するGPUIX — Zed製のGPUフレームワークGPUIXにReact/Solidバインディングを追加し、JSXやuseStateを使いながらDOMやWebViewを介さずMetal/DirectX/Vulkanで直接描画できます。ElectronベースのデスクトップアプリをReactのまま軽量ネイティブ化したい開発者に刺さる設計です。CLIで即座に試せる点も特徴です。

Node.js & Bun bindings for Zed’s GPUI. Build memory efficient native apps with React or Solid.js

LuxAlgo/Vela

WebGL2駆動の高速・拡張可能な金融チャートライブラリ — LuxAlgoが開発するVelaは、WebGL2ネイティブレンダラーを核にしたヘッドレス設計の金融チャートエンジンです。データ・描画・スクリプトの各層をプラグイン化でき、最小構成で組み込むことも、ワークスペース機能でトレーディングアプリを丸ごと構築することも可能です。TradingViewライクなUXを自前実装したいWeb開発者やfintechチームに刺さる設計です。

Fast, extensible financial charts for the web. The open-source core of Vela by LuxAlgo.

Open-Dev-Society/OpenStock

永久無料の株式トラッカー、OpenStock — 高額な市場データプラットフォームに代わるオープンソースの株価トラッカーです。リアルタイム価格の追跡、カスタムアラート、詳細な企業インサイトを無料で提供します。Next.jsとshadcn-uiで構築され、Inngestによる通知処理も特徴で、個人投資家や開発者に刺さる設計です。

OpenStock is an open-source alternative to expensive market platforms. Track real-time prices, set personalized alerts, and explore detailed company insights — built openly, for everyone, forever free.

angular/angular

Googleが支える定番Webフレームワーク — AngularはTypeScript製のWebアプリ開発プラットフォームで、CLI・ルーティング・フォーム・SSR・アニメーションなどを標準装備し、大規模開発でも一貫した設計を保てます。React/Vueとは異なる「フルスタック指向」のフレームワークとして、企業向け開発に強く支持されています。

Deliver web apps with confidence 🚀

expo/expo

React Nativeで全プラットフォーム対応するExpoフレームワーク — React Native上に構築された開発基盤で、Android・iOS・Webを1つのコードベースで動かせます。SnackによるブラウザでのライブプレビューやOTA更新など開発体験の向上に強みがあり、モバイルアプリを素早く作りたい開発者に人気です。React Nativeの標準的な選択肢として広く採用されています。

An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.

calcom/cal.diy

Cal.comのセルフホスト版コミュニティエディション — Cal.diyはCalendlyのようなスケジューリングサービスCal.comのオープンソース版で、自分でホストして使える個人利用向けエディションです。T3スタック（Next.js・Prisma・tRPC・Tailwind）で構築され、商用利用にはCal.com本家が推奨されています。

Scheduling infrastructure for absolutely everyone.

honojs/hono

Web標準ベースの超高速マルチランタイムフレームワーク — HonoはWeb標準APIのみで構築された軽量・超高速なWebフレームワークです。Cloudflare Workers、Deno、Bun、AWS Lambda、Node.jsなど同一コードで動作し、RegExpRouterによる高速ルーティングやTypeScript完全対応が特徴です。Expressに代わる次世代の選択肢として注目されています。

Web framework built on Web Standards

cartesiancs/map3d

OpenStreetMapから都市を3Dマップ生成 — React-Three-FiberとOpenStreetMapのデータを使い、実世界の都市を建物・道路情報付きの3DマップとしてWeb上に生成できるツールです。GLB形式でのエクスポートにも対応し、デジタルツインやドローン測量、GPSマーカーなどへの応用が可能な無料プロジェクトです。

🗺️ Generate City 3D map with R3F. Include building and road information.

tradingview/lightweight-charts

TradingView製、最速・最軽量の金融チャートライブラリ — TradingViewが開発する、HTML5 canvasベースの超軽量・高速な金融チャートライブラリです。静的画像並みのサイズでインタラクティブなチャートを実現し、Webページの表示速度を落とさず画像チャートの置き換えに最適です。プラグインによる拡張も可能で、トレーディング系UIを作る開発者に特に刺さります。

Performant financial charts built with HTML5 canvas

FxEmbed/FxEmbed

X/TwitterやBlueskyの埋め込みを完全化するツール — URLの一部を書き換えるだけで、Discord・Telegramなどで動画・複数画像・投票・翻訳付きの埋め込みを表示できるサービスです。FxTwitter/FixupX/FxBlueskyの後継で、Cloudflare Workersで動作しセルフホストも可能。SNSリンク共有時の情報量不足を解決します。

Fix X/Twitter and Bluesky embeds! Use multiple images, videos, polls, translations and more on Discord, Telegram and others

cloudflare/vinext

Vite上でNext.jsを動かす新エンジンvinext — Cloudflareが開発する、Next.jsのAPIをNext.js本体を使わずViteで再実装したプロジェクトです。App/Pages Router、RSC、Server Actions、middlewareなどを再現しつつ、Cloudflare Workersへのデプロイに最も深く対応しています。Next.jsアプリを特定プラットフォームに縛られず動かしたい人向けです。

Vite plugin that reimplements the Next.js API surface — deploy anywhere

payloadcms/payload

Next.jsに直接組み込めるヘッドレスCMS — PayloadはNext.jsアプリに直接インストールできる初のNext.jsネイティブCMSで、TypeScriptバックエンドと管理パネルを即座に手に入れられます。従来の外部ヘッドレスCMSと違い、同一コードベースでフロントとバックを統合できる点が特徴で、StrapiやContentfulの代替として注目されています。MongoDBやPostgresにも対応し、拡張性の高いアプリ開発にも使えます。

Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.

tokio-rs/topcoat

tokio-rsが放つRust製フルスタックFW — tokio-rsチームが手がける、Rust向けのバッテリー同梱型フルスタックフレームワークです。ルーターやビュー機能を統合し、シンプルさと生産性を重視しています。Railsのような開発体験をRustで実現しようとする試みで、早期段階ながら今後の発展が注目されます。

A batteries-included framework for building web apps

greensock/GSAP

1200万サイトで使われる定番JSアニメーション — GSAPはフレームワーク不問で動くJavaScriptアニメーションライブラリです。CSSやSVG、Canvas、React/Vueなど何にでも適用でき、jQuery比で最大20倍高速。ScrollTriggerによるスクロール演出やmatchMedia()によるレスポンシブ対応も特徴で、依存ゼロのまま高度なシーケンス制御を実現しています。

GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

sveltejs/kit

Svelte公式のフルスタックWebフレームワーク — SvelteKitはSvelteを基盤とした公式フルスタックフレームワークで、ルーティングやSSR、ビルドをVite上でまとめて提供します。Cloudflare・Netlify・Vercelなど多様なアダプターが用意され、デプロイ先を選ばず開発できる点が特徴です。Next.jsやNuxtに対するSvelte版の選択肢として注目されています。

web development, streamlined

juliangarnier/anime

軽量・多機能なJSアニメエンジン最新版 — CSS・SVG・DOM属性・JSオブジェクトまで統一APIで扱える軽量アニメーションライブラリです。シンプルながら強力な記法で複雑なモーションも簡潔に書け、GSAPなどの代替として長く支持されてきた定番ツールのV4版です。

JavaScript animation engine

makepad/makepad

RustでネイティブもWebも、AI統合済みのUI開発基盤 — MakepadはRust製のクロスプラットフォームUI/ゲーム開発環境で、wasm/WebGLからmacOS Metal・Windows DX11・Linux OpenGLまで単一コードで対応します。ライブ編集可能なデザイン言語と高速な反復ループに加え、LLMや音声分離AIをアプリ内に組み込める点が特徴で、AI活用型のクリエイティブツール開発者に向いています。

Makepad is a creative software development platform for Rust that compiles to wasm/webGL, osx/metal, windows/dx11 linux/opengl

vercel-labs/json-render

プロンプトからUIを安全に生成するフレームワーク — LLMのプロンプトから動的でパーソナライズされたUIを生成しつつ、予測可能な出力を保つVercel Labs製フレームワークです。事前定義済みのコンポーネント・アクションを使うことで安全性を確保し、React・Vue・Svelte・React Native・PDF・メールなど多様な出力先に対応します。Generative UIを実運用に持ち込みたい開発者に向いています。

The Generative UI framework

withastro/astro

コンテンツ主体サイトに最適なWebフレームワークAstro — Astroはブログやマーケティングサイトなど「コンテンツ駆動型」サイト向けのビルドツールです。IslandsアーキテクチャによりデフォルトでJSを最小限に抑え、軽量な出力と快適な開発体験を両立します。NextやGatsbyと差別化される高速な静的サイト生成が魅力です。

The web framework for content-driven websites.

satnaing/shadcn-admin

Shadcn×Viteで作る高機能管理画面UI集 — Shadcn UIとViteで構築された管理ダッシュボードUI集で、ライト/ダーク切替やレスポンシブ対応、10以上のページを備えています。標準のShadcnコンポーネントをRTL対応などにカスタマイズ済みで、実務で使える再利用可能なダッシュボード資産として即戦力になります。テンプレートではなく実装例として参考にできる点が特徴です。

Admin Dashboard UI built with Shadcn and Vite.

bigskysoftware/htmx

HTML属性だけでAJAXやWebSocketを使えるライブラリ — htmxはボタンやリンク以外の要素からもAJAX・WebSocket・SSEを発行でき、HTML属性の追加だけでモダンなUIを構築できます。JS不要でHATEOASの思想に基づき、SPAフレームワークに頼らないシンプルなインタラクティブ設計を実現します。軽量かつ依存なしで、intercooler.jsの後継として広く採用されています。

</> htmx - high power tools for HTML

dream-num/univer

AIエージェント時代のOffice SDK「Univer」 — スプレッドシート・ドキュメント・スライド・PDFなどを1つのランタイムで扱えるオープンソースOffice SDKです。プラグイン構造とCanvas描画、数式エンジンを備え、ブラウザ・Node.js双方で動作するAPIを提供。自社製品にOffice機能を組み込みたい開発者やAIエージェント連携を目指すチームに刺さります。

The Office Harness for AI Agents — Spreadsheets, Docs, Slides, Canvas, Relational Tables, and PDF in one runtime.

tabler/tabler-icons

6200超の無料SVGアイコン集 Tabler Icons — 24x24グリッド・2pxストロークで統一デザインされたMITライセンスのSVGアイコンセットです。アウトライン版とフィル版を合わせて6000以上収録し、React・Svelteなど各フレームワーク向けパッケージも提供。Bootstrap Iconsなどと並ぶ選択肢として、デザインの統一感を保ちつつ幅広い用途に使える点が魅力です。

A set of over 6200 free MIT-licensed high-quality SVG icons for you to use in your web projects.

fastapi/full-stack-fastapi-template

FastAPI公式のフルスタックWeb開発テンプレート — FastAPI作者自ら公開しているフルスタックテンプレートで、React・SQLModel・PostgreSQL・Docker Composeまで統合済みです。JWT認証やパスワード復旧、自動生成フロントエンドクライアント、Playwrightテスト、CI/CDも標準装備で、実務レベルのSaaS開発をすぐ始められる点が魅力です。

Full-stack web application template with FastAPI, React, SQLModel, PostgreSQL, Vite, Tailwind CSS, shadcn/ui, FastAPI Cloud, and Docker Compose.

labstack/echo

高速・軽量なGo製Webフレームワーク「Echo」 — Echoは標準net/httpを土台に、高速なradix-treeルーター、柔軟なデータバインディング、豊富なミドルウェア群、集中エラーハンドリングを備えたミニマルなWebフレームワークです。Let's Encryptによる自動TLSやHTTP/2対応も標準でサポートし、REST APIやマイクロサービス構築に適しています。活発にメンテナンスされ、現在v5系が最新です。

High performance, minimalist Go web framework