軽量で非依存のカスタマイズ可能なパーティクル生成ライブラリ・「tsParticles」
tsParticles See the Pen tsParticles - Monocromatic confetti explosions by Matteo Bruni (@matteobruni) on CodePen...
Resource -"キーワード指定なし"
LaTeXを任意のWebサイト等に埋め込める・「Math Embed」
Math Embed Math EmbedはLaTeXを任意のWebサイト等に埋め込めるシンプルなWebアプリです。 コードを入力するとLaTeXに変換され、URLが発行されるのでそのURLをiframeなどで任意のWebサイト...
ChromiumベースのWebブラウザ向けのテーマを簡単に作成できる・「Chrome Theme Studio」
Chrome Theme Studio Chrome Theme StudioはChromiumベースのブラウザ向けのテーマを簡単に作成できるWebアプリです。 Chromeを始め、OperaやEedge、BraveといったCh...
CC0で配布される250以上のコンポーネントを有したfigmaやXD、Skech向けのワイヤーフレームキット・「Bloo」
Bloo BlooはCC0で配布される250以上のコンポーネントを有したオープンソースのワイヤーフレームキットです。figmaやXD、Skech向けとして公開されています。モバイルファーストとなっていますが、PCサイトでも利用でき...
自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSS・「Dashboard」
Dashboard Dashboardは自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSSです。かなり昔の話ですがiGoogleのようなものになります。 各ウィジェットはドラッグで移動可能で、自動で綺麗なレ...
任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できる・「CSS Filters Generator」
CSS Filters Generator CSS Filters Generatorは任意の画像にCSSとSVGによるフィルターをプレビューを見ながら作成できるWebアプリです。 画像はサンプルが用意されていますが、アップロー...
独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシート・「transition.css」
transition.css transition.cssは独自属性で任意のHTML要素に様々なアニメーション遷移エフェクトを付与できるスタイルシートです。 CDNも用意されていますが、配布サイトで数値を調整してコードをコピーす...
任意のCSSアイコンから別のCSSアイコンへの遷移アニメーションのコードを提供する・「CSS ICON animate」
CSS ICON animate CSS ICON animateは任意のアイコンから別のアイコンへの遷移アニメーションを、アイコンも含めて全てCSSで作れるサービスです。 以前ご紹介した、CSSのみで出来たアイコン集のCSS ...
オープンソースのWebサイト監視ツール・「Botnbot」
Botnbot Botnbotはオープンソースとしても提供されているWebサイト監視ツールです。無償プラン、有償プランの他、セルフホスト版のOSSとしてソースコードが公開されています。 任意のWebサイトのUptimeをモニタリ...
立方体で作るボクセルアートを簡単な操作で作成、公開できる・「VOXELCANVAS」
VOXELCANVAS VOXELCANVASは立方体で作るボクセルアートを簡単な操作で作成、公開できるオンラインのボクセルアートエディターです。 マイクラのような立方体で作るコンテンツを直感的に作成できる、というもの。作成だけ...
自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できる・「Theme Studio」
Theme Studio Theme Studioは自分好みのVS Codeのテーマをブラウザでプレビューを見ながら作成できるWebアプリです。 使い方は簡単で、各所の色を決めていくだけ、というものになりますが、その「各所」の数...
Tailwind.cssベースのクリーンでミニマルなオープンソースの管理画面テンプレート・「Cleopatra」
Cleopatra CleopatraはTailwind.cssベースのクリーンでミニマルなオープンソースの管理画面テンプレートです。 最近のCSSフレームワークでは最も注目されているであろうTailwind.cssがベースのダ...
さまざなデザインシステムのUIコンポーネントサンプルを収集している・「The Component Gallery」
The Component Gallery The Component GalleryはさまざなデザインシステムのUIコンポーネントサンプルを収集しているハブサイトです。 様々なデザインシステムは例えばA11YやMozillaな...
TrelloやAsanaなどの代替となるオープンソースのカンバンツール・「Focalboard」
Focalboard FocalboardはTrelloやAsanaなどの代替となるオープンソースのカンバンツールです。Goで書かれています。 Slack代替のオープンソースソフトウェアであるMattermostを提供するMat...
コードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツール・「Codeist」
Codeist Codeistはコードを書くと結果が即反映されるCodepenやjsfidleのようなHTML/CSS/JavaScripteコード実行ツールです。Ace.jsが使われています。書いたコードは自動で保存されます。 ...
スタートアップに役立ちそうなツールを超大量にリスト化している・「StartupToolbox」
StartupToolbox StartupToolboxはスタートアップ企業に役立ちそうなツールの超大量なリストです。Githubのリポジトリで公開されています。 リストはデザインや開発に関わるものや顧客関連、支払い、解析、人...
大量のコンポーネントが用意されたTailwindベースのUIキット・「TUK」
TUK TUKは大量のコンポーネントが用意されたTailwindベースのUIキットです。Tailwind.cssで設計された様々な手プレートやコンポーネントが用意されており、開発をサポートしてくれます。 全てのコンポーネントは主...
ダミーのテキスト、画像、動画をそれぞれURLで提供する・「ipsm.io」
ipsm.io ipsm.ioはダミーのテキスト、画像、動画をそれぞれURLで提供するダミーコンテンツ生成サービスです。 各々、とてもシンプルで手軽に使えますし、フォーマットも分かりやすいので生成されるURLのルールさえ覚えてし...
Vue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリ・「Avatar Maker」
Avatar Maker Avatar MakerはVue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリです。 任意の箇所から好みのパーツを選んで組み合わせてアバターを作成出来るよくあるやつです。素材やスタイルを...
Markdownライクに書けるオープンソースの小説用テキストエディタ・「novelWriter」
novelWriter novelWriterはMarkdownライクに書けるオープンソースの小説用テキストエディタです。Win、Mac、Linuxなど各OSに対応しています。 小説はプロジェクトとして扱われ、ドキュメントやプロ...
AirtableやTiktok、Spotify、1Password等、人気のアプリのオープンソースクローンを沢山集めたリスト・「Clone Wars」
Clone Wars Clone WarsはAirtableやTiktok、Spotify、1Password等、人気のアプリのオープンソースクローンを沢山集めたリストです。 他にもAirbnb、Amazon、Instagram...
VanillaなJSでスクロールに応じて要素をアニメーション
Result See the Pen How to Animate on Scroll With Vanilla JavaScript by kachibito (@kachibito) on CodePen. こ...