Web・フロントエンド

vladocar/Sumi.css

クラス不要、6.7KBの最小主義CSSフレームワーク「Sumi.css」 — Sumi.cssはセマンティックなHTMLをそのまま美しく見せるクラスレス優先のCSSフレームワークです。6.7KBの単一ファイルでビルド不要、JS依存なし。ライト/ダークモード自動切替や詳細度ゼロの設計で独自CSSによる上書きも容易です。

A minimalist, classless-first CSS framework.

obsidianmd/pele

依存なし・同期処理で高速に描くMermaidレンダラー — PeleはMermaid 12.1.0の全図種をSVGへ同期的に描画するライブラリで、ランタイム依存がありません。色やフォントはCSS変数で制御でき、図種ごとの遅延読み込みでバンドルサイズも抑えられます。Obsidianチームによる開発で、軽量・高速なMermaid描画が必要な開発者に向いています。

Renders Mermaid diagrams faster than you'd run from a volcano! 🌋

imagekit-developer/imagekit-video-player

ImageKit公式のVideo.js拡張動画プレーヤーSDK — Video.js上に構築されたImageKit公式の動画プレーヤーSDKです。HLS/DASHの自動配信、AI字幕や自動生成チャプター、シークサムネイル、ショッパブル動画、プレイリストなど、動画配信サービスと統合した高機能なプレーヤーをすぐに導入できます。

The official ImageKit Video Player SDK. Drop-in HTML/JS player built on Video.js with adaptive streaming, AI subtitles, auto-generated chapters, shoppable hotspots, playlists, and seek thumbnails.

Noniv/web-ocean

エンジン不要、単一HTMLで動くWebGPU海洋レンダラー — ゲームエンジンを使わずWebGPUだけで実装されたリアルタイム海洋シミュレーターです。Tessendorf FFTによる6段階カスケード波、白波、太陽の煌めき、物理ベースの夕焼け空を表現し、自由カメラで飛び回れます。全体がわずか61KBの単一HTMLファイルに収まっているのが驚きで、Claude Code (Opus)で作られた点も注目です。

Real-time WebGPU ocean renderer written from scratch, no engine. FFT waves, whitecaps, sun glitter, physically based sunset sky with clouds, free camera. Built with Claude Code (Opus 5.5). Opens from a single 61 KB HTML file in Chrome.

satnaing/shadcn-admin

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

Admin Dashboard UI built with Shadcn and Vite.

fastapi/fastapi

型ヒントで高速APIを書けるPythonフレームワーク — FastAPIはPythonの型ヒントを活かし、NodeJSやGo並みの高性能を実現するWeb APIフレームワークです。Starletteとpydanticを基盤に、自動補完やバリデーション、OpenAPI/Swagger UIのドキュメント自動生成を備え、開発速度と信頼性を両立します。

FastAPI framework, high performance, easy to learn, fast to code, ready for production

shadcn-labs/snapcn

shadcn CLIで入れる製品デモ動画パーツ集 — RemotionベースのUIコンポーネントをshadcn CLIで導入し、所有できるライブラリです。テキストリビール、端末セッション、デバイスフレームなどソフトウェアデモ動画に必要なショットをコードとして取り込めます。ブラウザエディタでインストール不要のMP4書き出しも可能です。

A shadcn registry of Remotion components for product demo videos. Install a text reveal, device frame, terminal session, logo sting or a whole scene with a command.

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

redlib-org/redlib

RustでできたトラッキングなしのReddit代替フロントエンド「Redlib」 — RedlibはLibredditを引き継いだプライバシー重視のReddit代替フロントエンドです。広告・JavaScriptなしで高速に動作し、メディアを含む全リクエストをサーバー経由でプロキシし、厳格なCSPでReddit直接通信を防ぎます。セルフホストしたい人に向いています。

Private front-end for Reddit

Jakubantalik/Libraries.dev

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

Libraries and models for next-gen UI

WordPress/wordpress-develop

WordPress本体の開発用Gitミラーリポジトリ — 世界のWeb制作で広く使われるCMS、WordPressコア開発のSubversionリポジトリをGit形式でミラーしたものです。ブランチやタグも同期されており、コントリビューターはNodeとDocker等を使ったローカル開発環境で不具合修正や機能追加に参加できます。Trac上の既存チケットへの紐付けが必須というルールも特徴です。

WordPress Develop, Git-ified. Synced from git://develop.git.wordpress.org/, including branches and tags! This repository is just a mirror of the WordPress subversion repository. Please include a link to a pre-existing ticket on https://core.trac.wordpress.org/ with every pull request.

tokio-rs/topcoat

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

A batteries-included framework for building web apps

calcom/cal.diy

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

Scheduling infrastructure for absolutely everyone.

juliangarnier/anime

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

JavaScript animation engine

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

emdash-cms/emdash

プラグインをサンドボックス化するAstro製TypeScript CMS — EmDashはWordPressの拡張性やプラグイン文化をAstro上で再構築したフルスタックTypeScript CMSです。プラグインはサンドボックス化されたWorkerで動作し、WordPressの脆弱性問題を解決します。PHP不要でCloudflareやNode.js+SQLiteに展開でき、ブログ・マーケティング・ポートフォリオのテンプレートも同梱しています。

EmDash is a full-stack TypeScript CMS based on Astro; the spiritual successor to WordPress

DavidHDev/react-bits

人間にもAIエージェントにも使える215種超のReactアニメーションコンポーネント集 — React Bitsは、React/Next.js向けの無料でカスタマイズ可能なアニメーションコンポーネントとバックグラウンドを215種類以上提供するライブラリです。CLIでのインストールやMCP連携に対応しており、自分で調整するだけでなくAIエージェントにそのまま渡して使うこともできます。

The largest open-source library of animated, interactive, and customizable React & Next.js components for building standout web products and experiences. Built for humans and AI agents.

mozilla-firefox/firefox

FirefoxのソースがGitHub公式リポジトリに — Mozillaの公式Firefoxリポジトリで、GitHub上での公開により貢献者が参加しやすくなりました。バグ管理は引き続きBugzillaで行いますが、ソースコードの閲覧や貢献者向けドキュメント、Nightlyビルドの入手がここから可能です。

The official repository of Mozilla's Firefox web browser.

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.

sveltejs/svelte

仮想DOM不要のコンパイラ型UIフレームワーク — Svelteは宣言的なコンポーネントを効率的なJavaScriptにコンパイルし、DOMを直接更新するフレームワークです。React/VueのようなランタイムでのVirtual DOM差分計算が不要なため軽量・高速で、シンプルな記法で本格的なUIを構築したい開発者に人気です。

web development for the rest of us

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.

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

honojs/hono

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

Web framework built on Web Standards

withastro/astro

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

The web framework for content-driven websites.

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

mrdoob/three.js

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

JavaScript 3D Library.

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

vitejs/vite

次世代フロントエンドビルドツールVite — ネイティブES Modulesを活用した高速起動と超高速HMRを実現するフロントエンドビルドツールです。開発時はDevサーバー、本番ビルドはRolldownベースの最適化バンドラとして動作し、豊富なプラグインエコシステムで拡張できます。Webpackに代わる標準として広く採用されています。

Next generation frontend tooling. It's fast!

WebKit/WebKit

Safari支える老舗ブラウザエンジン — WebKitはSafariやApp Store、Mailなど多くのmacOS/iOSアプリで使われているブラウザエンジンの本拠地です。GTKを通じてLinuxでも動作し、Chromium系(Blink)やGeckoと並ぶ主要レンダリングエンジンとして、Web標準実装やパフォーマンス改善を追う開発者にとって重要なプロジェクトです。

Home of the WebKit project, the browser engine used by Safari, Mail, App Store and many other applications on macOS, iOS and Linux.

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.