自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSS・「Dashboard」
Dashboard Dashboardは自分好みのウィジェットを並べられるダッシュボードをブラウザで作れるOSSです。かなり昔の話ですがiGoogleのようなものになります。 各ウィジェットはドラッグで移動可能で、自動で綺麗なレ...
Resource - Archives
任意の画像に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...
Google Photosのようにオンラインで画像を管理できるオープンソースの代替アプリ・「ImageStore」
ImageStore ImageStoreはオープンソースで提供されるGoogle Photos代替アプリです。クローンというには少し機能が弱いですが、概ね似た機能を持っています。 写真のギャラリー化、任意の写真のアップロードや...
Airtableの代替として開発されたオープンソースのオンラインデータベース・「Baserow」
Baserow BaserowはAirtableの代替として開発されたオープンソースのオンラインデータベースWebアプリです。Airtableと同じようにスプレッドシートを使用します。 DjangoとNuxtで作られており、ユー...
ユニークなSVG背景を簡単に作成できるWebアプリ・「Haikei」
Haikei HaikeiはユニークなSVG背景を簡単に作成できるWebアプリです。いくつかの雛形から選んで形状や色、サイズやオブジェクトの数などを決定してDLする、というもの。 用意されている雛型は波状のものやサークル、アメー...
プレーンテキストでフローチャートを作成できるシンプルなOSSのフローチャート作成アプリ・「flowchart.fun」
flowchart.fun flowchart.funはプレーンテキストでフローチャートを作成できるシンプルなOSSのフローチャート作成アプリです。 テキストとインデントと少しの簡単なルールだけで手軽にフローチャートを作成する事...
カスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセット・「HOLA SVG」
HOLA SVG HOLA SVGはその場でカスタマイズしてダウンロードできるオープンソースのシンプルなSVGアイコンセットです。 Strokeの太さや色、fillの色を変更したり角丸にしたりStrokeを破線に変更するなどが可...