Web・フロントエンド
72件のリポジトリ（注目度順） — 2ページ目
tabler/tabler-icons6200超の無料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.
FxEmbed/FxEmbedX/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
solidjs/solid仮想DOMを使わない高速リアクティブUIライブラリ — SolidはVirtual DOMを使わず、JSXテンプレートを実DOM操作にコンパイルし、状態変化に依存する箇所だけを細粒度で再実行する設計です。ReactライクなAPIで書きやすい一方、実行時の再レンダリングコストを抑え高速なUIを実現できる点が特徴です。パフォーマンス重視の開発者に注目されています。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
expressjs/expressNode.js界の定番、軽量Webフレームワーク Express — Node.jsの標準的なWebフレームワークとして長年支持されているExpressです。特定の作法を強制しないミニマルな設計により、ルーティングやミドルウェアを自由に組み合わせて構築できます。多くのフレームワークやツールの基盤としても採用されており、初学者から大規模開発まで幅広く使われています。
Fast, unopinionated, minimalist web framework for node.
cartesiancs/map3dOpenStreetMapから都市を3Dマップ生成 — React-Three-FiberとOpenStreetMapのデータを使い、実世界の都市を建物・道路情報付きの3DマップとしてWeb上に生成できるツールです。GLB形式でのエクスポートにも対応し、デジタルツインやドローン測量、GPSマーカーなどへの応用が可能な無料プロジェクトです。
🗺️ Generate City 3D map with R3F. Include building and road information.
tradingview/lightweight-chartsTradingView製、最速・最軽量の金融チャートライブラリ — TradingViewが開発する、HTML5 canvasベースの超軽量・高速な金融チャートライブラリです。静的画像並みのサイズでインタラクティブなチャートを実現し、Webページの表示速度を落とさず画像チャートの置き換えに最適です。プラグインによる拡張も可能で、トレーディング系UIを作る開発者に特に刺さります。
Performant financial charts built with HTML5 canvas
meta/stylexMeta製、実行時ゼロのCSS-in-JS — FacebookことMetaが開発する、大規模UI向けのスタイリングシステムです。ビルド時にJavaScriptから静的なCSSを生成するためランタイムコストがなく、型安全でアトミックなスタイルを実現します。Emotionやstyled-componentsなど従来のCSS-in-JSとの差別化点はパフォーマンスと決定論的な出力です。
StyleX is the styling system for ambitious user interfaces.
vuejs/coreVue.js本体リポジトリ、進化を続ける定番フロントエンド — ReactやAngularと並ぶ主要フレームワークVue.jsのコアソースです。段階的に導入できる設計思想と軽量さが特徴で、Composition APIやTypeScript対応の強化により大規模開発にも対応しています。世界中のWebアプリで広く使われ続ける定番ライブラリです。
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
flipped-aurora/gin-vue-adminAI開発支援を組み込んだGin+Vue3の管理画面基盤 — Gin・Vue3・Vite製の企業向け管理画面テンプレートで、JWT認証やCasbinによる権限管理、コード自動生成、フォーム生成などを標準装備しています。MCP連携やSkills管理によりAIエディタでのCRUD自動生成を1分で実現でき、TS/JS混在開発にも対応する点が特徴です。
🚀Vite+Vue3+Gin拥有AI辅助的基础开发平台，企业级业务AI+开发解决方案，内置mcp辅助服务，内置skills管理，支持TS和JS混用。它集成了JWT鉴权、权限管理、动态路由、显隐可控组件、分页封装、多点登录拦截、资源权限、上传下载、代码生成器、表单生成器和可配置的导入导出等开发必备功能。
vercel-labs/json-renderプロンプトからUIを安全に生成するフレームワーク — LLMのプロンプトから動的でパーソナライズされたUIを生成しつつ、予測可能な出力を保つVercel Labs製フレームワークです。事前定義済みのコンポーネント・アクションを使うことで安全性を確保し、React・Vue・Svelte・React Native・PDF・メールなど多様な出力先に対応します。Generative UIを実運用に持ち込みたい開発者に向いています。
The Generative UI framework
voidzero-dev/vite-plusVite+：Webフロントエンドの統一ツールチェーン — Vite、Vitest、Oxlint、Oxfmt、Rolldown、tsdownなどを一つにまとめたゼロコンフィグツールチェーンです。ランタイム・パッケージ管理からdev・check・test・build・monorepoタスクキャッシュまで単一依存で担い、複数ツールの個別導入・設定の手間を解消する点が新しいです。Vite作者陣による公式統合ツールとして注目されています。
The unified toolchain and entry point for web development.
sveltejs/kitSvelte公式のフルスタックWebフレームワーク — SvelteKitはSvelteを基盤とした公式フルスタックフレームワークで、ルーティングやSSR、ビルドをVite上でまとめて提供します。Cloudflare・Netlify・Vercelなど多様なアダプターが用意され、デプロイ先を選ばず開発できる点が特徴です。Next.jsやNuxtに対するSvelte版の選択肢として注目されています。
web development, streamlined
videojs/video.js定番動画プレイヤーが大刷新、v10登場 — 老舗HTML5動画プレイヤーVideo.jsのメジャーバージョンv10です。モジュール化・コンポーザブル設計に刷新され、ReactやSvelte、Vueなど主要フレームワークとの統合も強化されています。AIコーディングエージェント向けのskillやCLIも用意され、開発体験の向上に力を入れている点が注目です。
Video.js v10 - open source media player framework for HTML and React.
makepad/makepadRustでネイティブも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
midorisawa/ShirakawaAIが文脈で判定するXタイムライン浄化拡張機能 — AIモデル「Jev」を使い、キーワード一致では難しい文脈的な内容まで判定してX投稿を非表示にするブラウザ拡張機能です。「怒りの煽動」など自然言語で条件指定でき、判定しきい値の調整やAPI利用量管理、キャッシュによる重複判定削減も可能です。
JevでX投稿を判定し、条件に合う投稿を非表示にするブラウザ拡張機能
preactjs/preact3〜4kBで動く軽量Reactの代替ライブラリ — PreactはReactと同じAPIを持ちながらわずか数kBという軽量さを実現したUIライブラリです。preact/compatによりReact向けライブラリもそのまま利用でき、最適化されたdiffアルゴリズムやSSR対応も備えています。バンドルサイズを重視するプロジェクトに最適です。
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
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
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.
dream-num/univerAIエージェント時代の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.
react/reactWebとネイティブUIを支える定番ライブラリReact — Meta発の宣言的UIライブラリで、コンポーネント単位で状態管理しながら複雑なUIを構築できます。Webだけでなく、React Nativeでモバイル、Node.jsでサーバーサイドレンダリングも可能で、段階的な導入ができる点が特徴です。フロントエンド開発の事実上の標準として広く使われています。
The library for web and native user interfaces.
mui/material-ui10年以上の実績を持つReact向けMaterial Design実装 — GoogleのMaterial Designを独自実装したReactコンポーネントライブラリです。10年以上の開発と多数のOSSコントリビューターによって磨き込まれ、世界的な製品チームにも採用されています。高度な用途向けには拡張セットMUI Xも提供されています。
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
vercel/next.jsReact開発の定番、Next.js — Vercelが開発するReactフレームワークで、サーバーサイドレンダリングや静的サイト生成（SSG）をハイブリッドに実現できます。ファイルベースルーティングや自動コード分割などを備え、フロントエンド開発の生産性を高めたいエンジニアに広く使われています。
The React Framework
w3c/csswg-draftsCSS仕様策定の公式草案リポジトリ — W3CのCSS Working Groupが管理する仕様策定用リポジトリです。将来のCSS機能がどのように議論・提案されているかを追跡でき、ブラウザ実装者や最新CSS動向を追いたい開発者にとって一次情報源となります。仕様はBikeshed形式で記述されています。
CSS Working Group Editor Drafts
fastapi/full-stack-fastapi-templateFastAPI公式のフルスタック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.
django/django締め切りに追われる完璧主義者のためのWebフレームワーク — Djangoは高機能なPython製Webフレームワークで、ORM・テンプレート・管理画面など「フルスタック」な仕組みを標準搭載し、迅速かつ安全な開発を可能にします。長年の実績とドキュメントの充実度から、初学者から大規模サービスまで幅広く採用されている定番の選択肢です。
The Web framework for perfectionists with deadlines.
tldraw/tldrawReactで無限キャンバスを作れる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-stuff/rough手描き風スケッチ描画ライブラリRough.js — Canvas/SVG両対応で、線や図形を手描き・スケッチ風に描画できる軽量ライブラリです。9kB未満と小さく、ハッチングやジグザグなど多彩な塗りつぶしスタイルを備え、ワイヤーフレームや手書き風UIの表現に手軽に使えます。
Create graphics with a hand-drawn, sketchy, appearance
bigskysoftware/htmxHTML属性だけでAJAXやWebSocketを使えるライブラリ — htmxはボタンやリンク以外の要素からもAJAX・WebSocket・SSEを発行でき、HTML属性の追加だけでモダンなUIを構築できます。JS不要でHATEOASの思想に基づき、SPAフレームワークに頼らないシンプルなインタラクティブ設計を実現します。軽量かつ依存なしで、intercooler.jsの後継として広く採用されています。
</> htmx - high power tools for HTML
honojs/honoxHono製の高速フルスタックメタフレームワーク — HonoXはHono・Vite・UIライブラリ上に構築された軽量メタフレームワークです。Next.js風のファイルベースルーティング、高速SSR、好きなレンダラーを使えるBYOR、必要な部分だけJSをハイドレートするアイランド機能が特徴で、軽量なフルスタックWeb開発を求める人に向いています。
HonoX - Hono based meta framework
tamagui/tamaguiReactとReact Nativeで完全互換のスタイルを実現 — TamaguiはReactとReact Nativeでコードを共有しつつ、最適化コンパイラにより複雑なスタイル付きコンポーネントをWebではatomic CSS、ネイティブではstyleオブジェクトに変換し、性能とコード品質を両立するUIライブラリです。
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.