ASCIIアートで描いたダイアグラムをSVGで整形して表示するJavaScriptライブラリ・「typograms」 typograms See the Pen Untitled by kachibito (@kachibito) on CodePen. typogramsはASCIIアートで描いたダイアグラムをSVGで整形し...2022.07.20 | 10時05分35秒
サイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebフレームワーク・「Redwood」 Redwood Redwoodはサイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebアプリケーションフレームワークです。 React、GraphQL、Prisma、TS、Jest、Storyb...2022.07.10 | 9時50分32秒
見やすいUIで編集も可能な用語集ページを作成できるHTML/CSS/JavaScriptテンプレート・「Glossary Page Template」 Glossary Page Template Glossary Page Templateは見やすいUIで編集も可能な用語集ページを作成できるページテンプレートです。HTML/CSS/javascriptで構成されており、レスポンシブ...2022.07.02 | 10時08分20秒
拡張性が高く、ブラウザで動作するオープンソースのテキストエディタフレームワーク・「Lexical」 Lexical Lexicalは拡張性の高いブラウザベースのオープンソースのテキストエディタフレームワークです。javascriptで書かれています。 シンプルで分かりやすいツールバーで直感的な操作が可能で、プラグインで機能の拡...2022.06.27 | 10時07分18秒
様々なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリ・「React Charts」 React Charts React Chartsは多種多様なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリです。 上動作デモのように、様々なタイプのグラフを描画可能で、表現にも非常に応用...2022.06.20 | 9時51分26秒
必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレート・「Admini」 Admini Adminiは必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレートです。 昨出来うる限り隠せる限り隠しに隠した結果どこに何があるか分かりにくくなった、みたいな極端なmini...2022.06.14 | 10時03分36秒
Reactベースで独自のWebアプリ向けコマンドパレットを作成出来る・「react-cmdk」 react-cmdk react-cmdkは独自のWebアプリ向けコマンドパレットを作成出来るReactコンポーネントパッケージです。開発者にはお馴染みのコマンドパレットをWebアプリ等に導入できる、というもの。 検索窓にテ...2022.06.11 | 9時54分49秒
250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントセット・「Preline UI」 Preline UI Preline UIは250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントのセットです。 React、Vueと互換性があり、全てのコンポーネントはRWD対...2022.06.09 | 10時06分22秒
スクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプト・「PushIn.js」 PushIn.js PushIn.jsはスクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプトです。ES5に準拠した全てのブラウザに対応しており、非依存で動作も軽く使い方も簡単です。 JavaScriptとCS...2022.06.08 | 10時01分59秒
面倒な設定不要で手軽にアニメーションエフェクトを付与してくれるライブラリ・「AutoAnimate」 AutoAnimate AutoAnimateは面倒な設定不要で手軽にアニメーションエJavaScriptライブラリです。学習コストもほぼ必要なくCSSを書く必要もありません。 React、Vue、SvelteやVanillaで...2022.06.03 | 10時00分34秒
アプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリ・「Formation」 Formation Formationはアプリケーション開発をより早くリリースする為に設計されたReactベースのコンポーネントライブラリです。TypeScriptで書かれており、アクセシビリティ重視でWCAG 2.0に準拠、シンプル...2022.06.01 | 10時04分38秒
Express/MongoDB/Reactで構築されたオープンソースのTypeScriptヘッドレスCMS・「Payload」 Payload PayloadはExpress/MongoDB/Reactで構築されたオープンソースのTS製ヘッドレスCMSです。 ベータ版を1年ほど運用したのち、数日前に完全オープンソース化となりました。 OSS化の経緯...2022.05.30 | 10時02分14秒
Webサイトの任意のテキストをその場で変更できるブックマークレット・「Quick Edit Bookmarklet」 Quick Edit Bookmarklet Quick Edit BookmarkletはWebサイトの任意のテキストをその場で変更できるブックマークレットです。 Devtoolsを開かずとも、起動すれば即エディターモードにな...2022.05.20 | 10時03分28秒
高速なMagento製ECストアをReactで構築するためのオープンソースのフレームワーク・「GraphCommerce」 GraphCommerce GraphCommerceは高速で優れたUXのMagento製ECストアをReactで構築するためのオープンソースのフレームワークです。ハイエンドなEコマースPWAのスタイリングや設計に集中できるよう、必要...2022.05.09 | 10時02分09秒
EPGベースのタイムラインコンテンツを実装する為のReactコンポーネント・「Planby」 Planby PlanbyはEPGベースのタイムラインコンテンツを実装する為のReactコンポーネントです。OSSとしてソースコードが公開されています。 EPGとはTVやPCなどに、いわゆるTV番組表を表示するシステムでElec...2022.05.06 | 10時06分43秒
手軽にモダンなスクロールエクスペリエンスを構築できる軽量Reactライブラリ・「scrollex」 scrollex scrollexは手軽にモダンなスクロールエクスペリエンスを構築できる軽量Reactライブラリです。スクロールに応じてコンテンツをスマートに表示したり画像等を切り替えたりといった演出を手軽に実装する事が出来ます。 ...2022.05.05 | 9時49分17秒
コピー&ペーストで使えるHTML/CSS/SVGのローダーのコレクション・「Loaders」 Loaders Loadersはコピペで使えるHTML/CSS/SVGのローダーのコレクションです。Reactもサポートされています。 24種用意されていて軽量、スタイリングはCSSなのでカスタマイズも簡単です。例えば以下のよう...2022.05.02 | 10時03分07秒
コピペで使えるオープンソースのTailwind.css用コンポーネントのコレクション・「HyperUI」 HyperUI HyperUIはコピペで使えるオープンソースのTailwind.css用コンポーネントのコレクションです。WebサイトやWebアプリ等でよく使われるWebコンポーネントを収集し、コードをコピーして使えるようになっていま...2022.04.27 | 10時14分35秒
Tailwind製のECサイト向けコンポーネント集・「Tailwind Ecommerce」 Tailwind Ecommerce Tailwind EcommerceはTailwind製のECサイト向けコンポーネント集です。Tailwind.cssベースのE-commerceで使えるWebコンポーネントといくつかのWebペー...2022.04.25 | 9時56分27秒
先進的且つ多機能で安定したYoutube用JavaScriptライブラリ・「YouTube.js」 YouTube.js YouTube.jsは先進的且つ多機能で安定したYoutube用JavaScriptライブラリです。Innertube APIのフル機能ラッパーでYoutubeをシンプルで効率的に扱う方法を提供する為に作られてい...2022.04.22 | 10時08分27秒
Chakra UI向けに開発されたReactベースのオープンソース管理画面テンプレート・「Horizon UI」 Horizon UI Horizon UIはChakra UI向けに開発されたReactベースのオープンソース管理画面テンプレートです。高速でモダンな管理画面の開発をサポートしてくれます。 70以上のコンポーネントが用意されてお...2022.04.20 | 10時04分46秒
無料で利用可能な静的Webサイト構築の為のボイラープレート・「Static Starter」 Static Starter Static Starterは無料で利用可能な静的Webサイト構築の為のボイラープレートです。開発者が培った過去のキャリアが元になったベストプラクティスが詰まっているのだそう。 初級者から中級者まで...2022.04.07 | 10時03分50秒