Sassベースの軽量でモダンなオープンソースCSSデザインシステム・「Spruce」 Spruce SpruceはSassベースの軽量でモダンなオープンソースCSSデザインシステムです。多様なプロジェクトの確かな土台となるミニマルなフレームワークを目指しているそうです。 このフレームワークの開発者としてのミニマル...2022.03.31 | 10時07分48秒
class属性を利用するCSSライクなデザインエンジン・「Master Styles」 Master Styles Master Stylesはclass属性を利用するCSSライクなデザインエンジンです。本サイトでは拡張された構文を持った仮想CSS言語と説明しています。 実際に見た方がどういう事か把握できると思うの...2022.03.26 | 10時01分00秒
直感的な操作で使える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秒
軽量で非依存のモダンなCSSフレームワーク・「Uimini」 Uimini Uiminiは軽量で非依存のモダンなCSSフレームワークです。フルRWD対応、テーマのカスタマイズや他フレームワークとの併用も可能です。 JS不要、圧縮版でわずか4kbの超軽量なスタイルシートとなっており、パフォー...2022.03.09 | 10時02分25秒
見やすくシンプルなWebサイトをクラスレスで構築するための軽量スタイルシート・「Almond.CSS」 Almond.CSS See the Pen Untitled by kachibito (@kachibito) on CodePen. Almond.CSSは見やすくシンプルなWebサイトをクラスレスで構築...2022.03.07 | 10時00分23秒
Markdownライクな記法で手軽にタイムラインを作成出来るOSS・「Cascade.page」 Cascade.page Cascade.pageはMarkdownライクな記法で手軽にタイムラインを作成出来るOSSです。ガントチャートも作れそうです。Vueで書かれています。 作成する為の記述は以下の様に。まずは各アイテムを...2022.03.02 | 10時00分30秒
モダンなWebサイト構築の為のTailwind.css向けUIコンポーネントライブラリ・「TailGrids」 TailGrids TailGridsはモダンなWebサイト構築の為のTailwind.css向けUIコンポーネントライブラリです。よく使われるUIの他にカードや認証、フォームやモーダル、テーブル、価格表などなどWebアプリや企業サイ...2022.02.21 | 9時53分43秒
非依存で軽量、使いやすいオープンソースのリッチテキストエディター・「Stylo」 Stylo Styloは非依存で軽量、使いやすいJavaScript製のインタラクティブなWYSIWYGリッチテキストエディターです。TSで書かれており、OSSとしてソースコードが公開されています。 Mediumのエディターのよ...2022.02.14 | 9時58分09秒
最小限のコードで実装できるCSS製のローダーをまとめたCSSライブラリ・「Whirl」 Whirl Whirlは最小限のコードで実装できるCSS製のローダーをまとめたCSSライブラリです。100以上のローダーが纏められています。 どれもユニークで実用的なローダーですが、タイトル通り最小限のコードで実装できるようにな...2022.02.13 | 10時08分08秒
タブやスライドメニュー、アコーディオンなどJavaScriptを使わずCSSのみで実装できるインタラクティブUIコンポーネントのライブラリ・「CSSUI」 CSSUI CSSUIはタブやスライドメニュー、アコーディオンなどJavaScriptを使わずCSSのみで実装できるインタラクティブUIコンポーネントのライブラリです。 タブ、ドロップダウン、モーダル、スライドアウトメニュー、ア...2022.02.10 | 10時12分17秒
シンプルさを重視したオープンソースのメモ取りアプリ・「Jotsy」 Jotsy Jotsyはシンプルさを重視したオープンソースのメモ取りアプリです。Rust/HTML/CSS/JavaScrptで書かれており、DBにはOSSのNoSQLであるSkytableが採用されています。 いわゆるノートト...2022.02.06 | 9時48分43秒
ネイティブな動作を維持しつつ、イベントやショートカット等も使える軽量スクロールバー実装ライブラリ・「letmescroll.js」 letmescroll.js See the Pen Untitled by kachibito (@kachibito) on CodePen. letmescroll.jsはスクロールのネイティブな動作を維...2022.02.05 | 10時13分36秒
シンプルさとカスタマイズ性の高さでUI設計をサポートするフロントエンドライブラリ・「Xtend UI」 Xtend UI Xtend UIはシンプルさとカスタマイズ性の高さでUI設計をサポートするフロントエンドライブラリです。A11y規格に準拠しておりアクセシビリティにも配慮されています。 Tailwind.css、vanilla...2022.02.01 | 10時06分43秒
TailwindとAntDesignにインスパイアされたオープンソースのUIコンポーネントライブラリ・「Supabase UI」 Supabase UI Supabase UIはTailwindとAntDesignにインスパイアされたオープンソースのUIコンポーネントライブラリです。 名前から想定できる通りFirebaseのオープンソース代替であるSupa...2022.01.28 | 10時04分53秒
シンプルで軽量、高速な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秒
軽量、シンプルで使いやすく様々なユーティリティも備えられたCSSフレームワーク・「Beercss」 Beercss See the Pen Untitled by kachibito (@kachibito) on CodePen. Beercssは軽量、シンプルで使いやすく様々なユーティリティも備えられたC...2022.01.22 | 9時52分34秒
タイプライター風のエフェクトを管理、実装できるスタイルシート・「Typed.css」 Typed.css Typed.cssはタイプライター風のエフェクトを管理、実装できるスタイルシートです。上のように文字が打ち込まれたように徐々に表示される的あエフェクトを管理できます。 テキストはcontentプロパティで管理...2022.01.17 | 9時48分06秒