直感的な操作で使えるTypeScriptベースのオープンソースなPDF生成ライブラリ・「pdfme」 pdfme pdfmeは直感的な操作で使えるTypeScriptベースのオープンソースなPDF生成ライブラリです。ユーザーの使用にあたり、特別なスキルや訓練等も不要でオンラインでPDFを生成する事が出来ます。 テンプレート式にな...2022.03.25 | 10時06分37秒
CSSライクに書けるオープンソースのデータバインディングJavaScriptライブラリ・「Corset」 Corset See the Pen Counter example by kachibito (@kachibito) on CodePen. CorsetはCSSライクに書けるオープンソースのデータバインデ...2022.03.19 | 9時51分37秒
テキスト/アイコンベースのシンプルなアバターを生成するReactライブラリ・「Avvvatars」 Avvvatars Avvvatarsはテキスト/アイコンベースのシンプルなアバターを生成するReactライブラリです。任意の画像等を選択しないユーザーの為のもの、という感じ。 40の色と60のアイコン、入力されたテキスト(ユー...2022.03.15 | 10時02分49秒
リアルタイムで2Dまたは3DCGのシェーダーを作成するためのオープンソースJavaScriptフレームワーク・「Shader Park」 Shader Park Shader Parkはリアルタイムで2Dまたは3DCGのシェーダーを作成するためのオープンソースJavaScriptフレームワークです。 数行のコードで複雑なシェーダを作成できる、というもの。javas...2022.03.14 | 10時04分39秒
サポートが終了したパッケージや危険なパッケージが除外されたJavaScriptライブラリ検索ツール・「Code awesome」 Code awesome Code awesomeはサポートが終了したパッケージや危険なパッケージが除外されたJavaScriptライブラリ検索ツールです。 更にVanilla、React、Vueに分けられており、それぞれ更に細...2022.03.12 | 10時03分19秒
Markdownライクな記法で手軽にタイムラインを作成出来るOSS・「Cascade.page」 Cascade.page Cascade.pageはMarkdownライクな記法で手軽にタイムラインを作成出来るOSSです。ガントチャートも作れそうです。Vueで書かれています。 作成する為の記述は以下の様に。まずは各アイテムを...2022.03.02 | 10時00分30秒
非依存で軽量、使いやすいオープンソースのリッチテキストエディター・「Stylo」 Stylo Styloは非依存で軽量、使いやすいJavaScript製のインタラクティブなWYSIWYGリッチテキストエディターです。TSで書かれており、OSSとしてソースコードが公開されています。 Mediumのエディターのよ...2022.02.14 | 9時58分09秒
ネイティブな動作を維持しつつ、イベントやショートカット等も使える軽量スクロールバー実装ライブラリ・「letmescroll.js」 letmescroll.js See the Pen Untitled by kachibito (@kachibito) on CodePen. letmescroll.jsはスクロールのネイティブな動作を維...2022.02.05 | 10時13分36秒
シンプルで軽量、高速なWebコンポーネントの為のフレームワーク・「Minze」 Minze Minzeはシンプルで軽量、高速なWebコンポーネントの為のフレームワークです。誰もが利用しやすく使いやすいように、カスタムWebコンポーネントの作成プロセスから複雑さを取り除くよう配慮されています。 一度定義すれば...2022.01.26 | 10時03分45秒
DropboxやGoogle drive、OneDriveなどをユーザーが選択可能なReact製ファイルアップローダー・「React File Upload」 React File Upload React File UploadはDropboxやGoogle drive、OneDriveなどをユーザーが選択可能なReact製ファイルアップローダーです。 他にもBoxやSharePoi...2022.01.23 | 9時47分21秒
three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」 Vanta.js Vanta.jsはthree.jsを使った3DなWebGLアニメーションの背景を簡単に作成、設置できるライブラリです。 同ライブラリのプロジェクトサイト内で簡単な編集を、プレビューを確認しながらツールバーの調整...2022.01.14 | 9時46分57秒
高速かつシンプルで使いやすいJavaScriptアニメーションライブラリ・「luge」 luge lugeは高速かつシンプルで使いやすいJavaScriptアニメーションライブラリです。プラグインを追加して拡張する事も可能です。 読み込むだけでhtmlタグに自動でデバイスやブラウザのclassも付与されるので異なる...2022.01.07 | 10時04分34秒
パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」 simpleParallax.js simpleParallax.jsはパララックス効果を簡単に付与できるスクリプトです。非依存型のシンプルで軽量なスクリプトで、任意の画像にパララックスアニメーションを簡単に付与する事が出来ます。 ...2021.12.21 | 10時03分50秒
非依存型で軽量な使いやすい通知用JavaScriptライブラリ・「Notyf」 Notyf Notyfは非依存型で軽量な使いやすい通知用JavaScriptライブラリです。レスポンシブで、アクセシビリティにも配慮、カスタマイズ性に優れ、非依存なのでReact、Angular、Aurelia、Vue、Svelteな...2021.12.18 | 10時06分40秒
ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」 Quotebacks Quotebacksはブックマークレットやブラウザ拡張も用意されている、引用文を綺麗に見やすく整形するライブラリです。OSSとしてソースコードも公開されています。 以下のように引用と引用元へのリンクとファビ...2021.12.17 | 10時04分18秒
ツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリ・「Floating UI」 Floating UI Floating UIはツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリです。 表示位置の調整やスクロールした際の位置調整など、ユ...2021.12.10 | 9時45分26秒
開閉パネルやアコーディオン、タブなど切り替え要素のあるUIの為の軽量JavaScriptライブラリ・「Tiny UI Toggle」 Tiny UI Toggle Tiny UI Toggleは開閉パネルやアコーディオン、タブなど切り替え要素のあるUIの為の軽量JavaScriptライブラリです。 なるべく少ないコードで汎用的なUIを使う、みたいな試みで、カス...2021.12.03 | 10時05分40秒
パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」 Swiffy Slider See the Pen Untitled by kachibito (@kachibito) on CodePen. Swiffy Sliderはパフォーマンスを重視した高速で軽量な...2021.11.27 | 9時49分23秒
カレンダーサービスに任意のイベントを追加するボタンを設置する為のJavaScript・「Add-to-Calendar Button」 Add-to-Calendar Button See the Pen Untitled by kachibito (@kachibito) on CodePen. Add-to-Calendar Butto...2021.11.19 | 10時04分17秒
50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのOSS・「PoemKit」 PoemKit PoemKitは50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのオープンソースのWeb開発キットです。 Reactを使ったUIキットで、サーバーサイドレンダリングによる高速な...2021.11.16 | 9時48分32秒
モダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリ・「Semi UI」 Semi UI Semi UIはモダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリです。TikTokフロントエンド技術チームによって開発されています。 UIコンポーネントは大量に用意されており、W...2021.11.05 | 10時03分29秒
カーソルの外観や動作などの高度なカスタマイズが可能なオープンソースのライブラリ・「Blobity」 Blobity Blobityはカーソルの見た目や動きなどの高度なカスタマイズが可能なOSSのJavaScriptライブラリです。 形状や色、サイズからアニメーション、背景に応じた色の変化、任意の要素にフォーカスした際に形状変化...2021.10.26 | 9時50分16秒