シンプルなアイコンを元にロゴをオンラインで作成、DL出来るWebアプリ・「Logo.it」 Logo.itはシンプルなアイコンを元にロゴをオンラインで作成、DL出来るWebアプリです。用意されたシンプルなSVGアイコンのセットから任意のアイコンを選択し、設定してダウンロードする、というもの。2024.05.04 | 10時04分48秒
React・React Native向けに作られた、大量のアイコンから選択できるアイコンライブラリ・「rocketicons」 rocketiconsはReact・React Native向けに作られた、大量のアイコンから選択できるアイコンライブラリです。ReactとReact Nativeの両方で同じコードで動作するよう作られているとの事です。2024.05.02 | 10時03分01秒
さまざまな開発者向けサービス等のロゴをSVGで提供する・「Svgl」 Svglはさまざまな開発者向けサービス等のロゴをSVGで提供するSVGロゴ配布サイトです。OSSとしてソースコードも公開されています。SveltekitとTailwindで構築しているそうです。従来のアイコン配布サイト等ではあまり見かけなかったものも多く用意されています。2024.04.29 | 10時02分22秒
コピー&ペーストで使えるshadcn-ui向けのWebサイト用ブロックを無償提供する・「TWBlocks」 TWBlocksはコピー&ペーストで使えるshadcn-ui向けのWebサイト用ブロックを無償提供するプロジェクトサイトです。SaaS向けに提供してるそうです。2024.04.25 | 10時03分39秒
SNS等のソーシャルカードをノーコードで作成出来るオープンソースのWebアプリ・「sharepreviews」 sharepreviewsはSNS等のソーシャルカードをノーコードで作成出来るオープンソースのWebアプリです。例としてFigmaを挙げています。コードを書かずに直感操作でデザイン出来る、というノーコードアプリでSNS等で使えるソーシャルカードに特化したものになります。2024.04.20 | 10時02分43秒
Webサイトのコンテンツが盗用されにくいよう防ぐためのシンプルなスクリプト・「NoPeek」 NoPeekはWebサイトのコンテンツが盗用されにくいよう防ぐためのシンプルなスクリプトです。ものすごく今更感ある話題ですが今になっても盗用問題は無くなっていないので少しでも減って欲しいという想いを込めて。簡単な保護法を手軽に導入できる、というものなので期待したものではないかもしれませんが、内容としては従来通り右クリック禁止、デベロッパーツール起動禁止、テキスト選択不可など、アナログな盗用法を一括で防ぐ、というものになります。2024.04.13 | 9時59分50秒
Figmaでも利用可能の、400以上のミニマルなアイコンを無料で使えるアイコンセット・「Figicon」 Figiconは400以上のミニマルなアイコンを無料で使えるアイコンセットです。プロジェクトページでは各アイコンの個別DLやSVGのコードのコピーが可能ですが、Figmaで使える.fig拡張子で一括DLも可能です。※メールアドレスが必要2024.03.04 | 10時01分45秒
1つのHTML要素とCSSだけで作れる様々なスタイルの吹き出しを作るためのコードをコピーできる・「CSS Generators: Tooltips & Speech Bubbles」 CSS Generators: Tooltips & Speech Bubblesは1つのHTML要素とCSSだけで作れる様々なスタイルの吹き出しを作るためのコードをコピーできるWebサイトです。2024.03.03 | 10時02分18秒
Tailwind.cssとの併用も可能な、ミニマルで汎用的なCSSコンポーネント・「Winduum」 WinduumはTailwind.cssとの併用も可能な、ミニマルで汎用的なCSSコンポーネントです。単体でも利用可能ですがTailwind.cssのプラグインとしても使えるようになっています。リセットを含むレイアウト向けのCSS、各ユーティリティ、各UI、コンポーネントなどなどWinduumだけでしっかり様々なタイプのWebサイトやWebアプリに対応できるようになっています。2024.03.02 | 10時04分49秒
OSSでコードも公開の、シンプルで扱いやすいベクターベースのモーショングラフィックスアニメーションツール・「Wiggle Animate」 Wiggle Animateはシンプルで扱いやすいベクターベースのモーショングラフィックスアニメーションツールです。HTML/CSS/JavaScriptで書かれており、OSSとしてソースコードも公開されています。2024.02.29 | 10時02分12秒
ユーティリティでclamp()を簡単に生成できるようにするTailwindプラグイン・「Fluid for Tailwind CSS」 Fluid for Tailwind CSSはユーティリティでclamp()を簡単に生成できるようにするTailwindプラグインです。コードの記述量を減らし、より見栄えのいいRWDの対応をサポートします2024.02.28 | 10時05分28秒
コピペで簡単利用も出来るオープンソースのTailwindベースUIコンポーネントライブラリ・「Tailframes」 Tailframesはシンプルで使いやすいオープンソースのTailwindベースUIコンポーネントライブラリです。コピペで簡単利用できるよう各コンポーネントのコードやサンプルも公開されています。2024.02.27 | 10時07分59秒
FigmaとTailwind.cssをベースに大量のUIコンポーネントを備えたオープンソースのUIライブラリ・「Pagedone」 PagedoneはFigmaとTailwind.cssをベースに大量のUIコンポーネントを備えたオープンソースのUIライブラリです。Figmaでデザインされ、Tailwind.cssのutility-classes上に構築されたコンポーネント集で、モーダルやドロップダウン、タブ、ツールチップにトーストなどインタラクティブに動作させるUIのためのJavaScriptも含まれています。2024.02.13 | 10時04分22秒
任意のカラーパレットを作成、管理、共有、プロジェクトと統合出来るオープンソースのカラーパレット管理プラットフォーム・「Hue Harbor」 Hue Harborは任意のカラーパレットを作成、管理、共有、プロジェクトと統合出来るオープンソースのカラーパレット管理プラットフォームです。WebサイトにGoogleアカウントでログインし、変数を割り当てられるカラーパレットを作成したり、プロジェクトサイトを登録して作成したパレットを割り当てたり、APIキーの発行やCDNの管理及びパレットをプロジェクトで利用するためのReactコードの発行などが出来るようになっています。2024.02.08 | 9時50分16秒
Tailwind.cssの様々なUIコンポーネントのデザインサンプルを大量に公開している・「Tailwind CSS Components」 Tailwind CSS ComponentsはTailwind.cssの様々なUIコンポーネントのデザインサンプルを大量に公開しているプロジェクトサイトです。プロジェクトサイトでは特に何か機能がある訳ではなく、純粋にCSSスタイリングのサンプルを表示しているのみで、ソースコードはGithubで公開しています。2023.12.22 | 9時51分36秒
Vue.js開発者向けのオープンソースのプロトタイピングツール・「PreVue」 PreVueはVue.js開発者向けのオープンソースのプロトタイピングツールです。CI/CDパイプラインにおける共通の課題である、デザイナーとデベロッパー間の遅延を解決するために開発されました。2023.12.03 | 10時06分51秒
Googleフォントとアイコンを組み合わせてシンプルなロゴを作成出来るオープンソースのWebアプリ・「Wordmark」 WordmarkはGoogleフォントとFeatherをフォークしたオープンソースのアイコンセットのLucideを組み合わせてシンプルなロゴを作成出来るオープンソースのWebアプリです2023.11.19 | 10時03分13秒
シンプルで見やすく使いやすいオープンソースのReact UIライブラリ・「WoozDesign」 WoozDesign WoozDesignはシンプルで見やすく使いやすいオープンソースのReact UIライブラリです。Webアプリ用として設計されたみたいです。 無駄のないスタイルでフィンテックや解析、分析、など情報を正しく明...2023.11.13 | 10時02分57秒
レスポンシブでアクセシブルなUIコンポーネントのライブラリ・「Rafty UI」 Rafty UI Rafty UIはレスポンシブでアクセシブルなUIコンポーネントのライブラリです。デザインシステムの構築を簡単にしてくれるとの事です。 開発しているアプリのデザインシステムとシームレスに連携出来るように開発され...2023.10.26 | 10時02分01秒
生成AI系のアプリでよく使う任意のプロンプトを変数付きで設定し、スラッシュコマンドで呼び出せるオープンソースのブラウザ拡張・「PromptSnippets」 PromptSnippets PromptSnippetsはChatGPTなど生成AI系のアプリでよく使う任意のプロンプトを変数付きで設定し、スラッシュコマンドで呼び出せるオープンソースのChrome拡張です。 名前の通りで、い...2023.10.25 | 10時01分33秒
Webにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワーク・「NeoBrutalismCSS」 NeoBrutalismCSS NeoBrutalismCSSはWebにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワークです。 デザインにおける「ネオ・ブルータリズム」は20世紀半ば頃のブルータリズム建築運動(W...2023.10.19 | 10時04分40秒
高品質なピクセルアートをAIで生成するためのOSS・「Pixelfy」 Pixelfy Pixelfyは高品質なピクセルアートをAIで生成するためのOSSです。Next.js + PlanetScaleで構成されています。その他の技術スタックはリポジトリでご確認頂けます。 AIを搭載したプロンプトビ...2023.10.06 | 9時58分03秒