タブやスライドメニュー、アコーディオンなどJavaScriptを使わずCSSのみで実装できるインタラクティブUIコンポーネントのライブラリ・「CSSUI」
CSSUI CSSUIはタブやスライドメニュー、アコーディオンなどJavaScriptを使わずCSSのみで実装できるインタラクティブUIコンポーネントのライブラリです。 タブ、ドロップダウン、モーダル、スライドアウトメニュー、ア...
Resource - MIT
ネイティブな動作を維持しつつ、イベントやショートカット等も使える軽量スクロールバー実装ライブラリ・「letmescroll.js」
letmescroll.js See the Pen Untitled by kachibito (@kachibito) on CodePen. letmescroll.jsはスクロールのネイティブな動作を維...
シンプルさとカスタマイズ性の高さでUI設計をサポートするフロントエンドライブラリ・「Xtend UI」
Xtend UI Xtend UIはシンプルさとカスタマイズ性の高さでUI設計をサポートするフロントエンドライブラリです。A11y規格に準拠しておりアクセシビリティにも配慮されています。 Tailwind.css、vanilla...
クロスプラットフォームで使えるオープンソースのターミナル・「Tabby」
Tabby TabbyはWinodwsやMac、Linuxなどで使えるクロスプラットフォームなOSSのターミナルエミュレータ、SSHクライアント、シリアルクライアントです。以前はTerminusという名前だったみたいです。 モダ...
Next.jsとNotion APIで構築されたOSSの短縮リンクツール・「Notiolink」
Notiolink NotiolinkはNext.jsとNotion APIで構築されたOSSの短縮リンクツールです。独自ドメインで短縮リンクを作成、管理することができます。 Vercelでセルフホスティング可能で、Next.j...
TailwindとAntDesignにインスパイアされたオープンソースのUIコンポーネントライブラリ・「Supabase UI」
Supabase UI Supabase UIはTailwindとAntDesignにインスパイアされたオープンソースのUIコンポーネントライブラリです。 名前から想定できる通りFirebaseのオープンソース代替であるSupa...
VisualpingやChangeTower等のように任意のWebサイトの更新や変更などを監視できるオープンソースのWebモニタリングツール・「Changd」
Changd Changdはコンテンツの更新や変更など、任意のWebサイトを監視できるオープンソースのWebモニタリングツールです。UIにTS、React、AntD、API/バックエンドはJSで書かれておりNode.js上で動作します...
シンプルで軽量、高速なWebコンポーネントの為のフレームワーク・「Minze」
Minze Minzeはシンプルで軽量、高速なWebコンポーネントの為のフレームワークです。誰もが利用しやすく使いやすいように、カスタムWebコンポーネントの作成プロセスから複雑さを取り除くよう配慮されています。 一度定義すれば...
軽量、シンプルで使いやすく様々なユーティリティも備えられたCSSフレームワーク・「Beercss」
Beercss See the Pen Untitled by kachibito (@kachibito) on CodePen. Beercssは軽量、シンプルで使いやすく様々なユーティリティも備えられたC...
開発者の日々の作業をサポートする様々なミニツールを集約したオープンソースのデスクトップアプリ・「DevToys」
DevToys DevToysは開発者の日々の作業をサポートする様々なミニツールを集約したオープンソースのデスクトップアプリです。Windowsエコシステムを採用するように設計されており、Windows 10のビルド1903以降で動作...
ReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディター・「Scenify」
Scenify ScenifyはReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディターです。開発者の方は代替と言うかクローンとして設計したそうで概ね同じ機能を有していると説明しています。 ...
three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」
Vanta.js Vanta.jsはthree.jsを使った3DなWebGLアニメーションの背景を簡単に作成、設置できるライブラリです。 同ライブラリのプロジェクトサイト内で簡単な編集を、プレビューを確認しながらツールバーの調整...
MedusaとNext.jsで構築された1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリ・「Medusa Express」
Medusa Express Medusa Expressは1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリです。省スペースでページ遷移も不要と、手軽に決済まで進めるので離脱率を下げる事...
SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」
sVelocity sVelocityはSvelteでWebアプリ開発する方の為のオープンソースのIDE（統合開発環境）です。electronベースみたいですね。クロスプラットフォーム対応となっています。 Svelteアプリのビ...
Deno製のオープンソース静的サイトジェネレーター・「Lume」
Lume LumeはDeno製のオープンソース静的サイトジェネレーターです。JekyllやEleventyなどの静的サイトジェネレータに触発されて開発されたそうですが、より高速でよりシンプルに使用し、設定する事が可能で柔軟性にも富んだ...
MUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキット・「BRICKS」
BRICKS BRICKSはMUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキットです。 ReactのUIライブラリであるMUIをベースに開発されたスターターキット...
目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシート・「gd.css」
gd.css gd.cssは目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシートです。CSSリセットの代替としても利用できるそう。 HTML要素だけでスタイリング可能な、いわゆるクラスレスなCSSで...
アイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリ・「Icon Shelf」
Icon Shelf Icon Shelfはアイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリです。Web開発者向けのアイコンマネージャーとして開発されています。 React、Electronベー...
任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」
SVG Quick Editor SVG Quick Editorは任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリです。 アップロードにはほとんど時間がかからず即座に表示されます。色やパスが個別に...
パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」
simpleParallax.js simpleParallax.jsはパララックス効果を簡単に付与できるスクリプトです。非依存型のシンプルで軽量なスクリプトで、任意の画像にパララックスアニメーションを簡単に付与する事が出来ます。 ...
非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダー・「Plasmic」
Plasmic Plasmicは非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダーです。 所謂ノーコードアプリとなっていてビジュアルを確認しながらドラッグ&ドロップでWebペー...
非依存型で軽量な使いやすい通知用JavaScriptライブラリ・「Notyf」
Notyf Notyfは非依存型で軽量な使いやすい通知用JavaScriptライブラリです。レスポンシブで、アクセシビリティにも配慮、カスタマイズ性に優れ、非依存なのでReact、Angular、Aurelia、Vue、Svelteな...