Resource - Webデザイナー向け

Figmaで公開されているデザインシステムをコレクションしている・「Design Systems For Figma」

Design Systems For Figma Design Systems For FigmaはFigmaで公開されているデザインシステムをコレクションしているWebサイトです。 AWSやUber、IBMやMS、Airtab...

Feather Iconsフォークのオープンソースなアイコンプロジェクト・「Lucide」

Lucide Lucideは人気のOSSアイコンプロジェクトであるFeather Iconsのフォークであるシンプルなアイコンセットのプロジェクトです。 スタイルは概ね同じものですが、ではなぜフォークされ、新たに別プロジェクトと...

ミニマルスタイルで汎用的なオープンソースのアイコンセット・「Sargam」

Sargam Sargamはミニマルスタイルで汎用的なオープンソースのアイコンセットです。様々な用途に使用できるよう、シンプルさ、一貫性、柔軟性を重視した設計となっているそうです。 700以上の汎用的なアイコンが用意されており、...
Ads

様々な国の象徴的なアイコンをゆるいイラストのアイコンをセットで無料公開している・「Landicons」

Landicons Landiconsは様々な国の象徴的なアイコンをゆるいイラストのアイコンをセットで無料公開しているアイコンプロジェクトです。 現在はオーストラリア、ブラジル、日本、中国、イギリス、フランス、インド、インドネシ...

アプリやWebサイト開発等に役立つツールを大量にコレクションしている・「Uneed.best」

Uneed.best Uneed.bestはアプリやWebサイト開発等に役立つツールを大量にコレクションしている開発者向けキュレーションサイトです。以前はフロントエンド専門でしたがリニューアルしてより幅広い層へ対応したみたいです。 ...

パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」

Ladle LadleはReact専用として作られたオープンソースのStorybook代替です。ControlsとCSFの互換があります。 ご存知の通りStorybookもオープンソースですが、Ladleはパフォーマンスを重視し...

白黒写真をカラー化するAIベースのWebアプリ・「Palette」

Palette Paletteは白黒写真をカラー化するAIベースのWebアプリです。開発者はGoogle Artsに所属するエンジニアで機械学習によるカラー化(ML colorized)に携わっているみたいです。 写真をアップロ...

TypeScriptで書かれたオープンソースのヘッドレスCMS・「Alinea」

Alinea AlineaはTypeScriptで書かれたオープンソースのヘッドレスCMSです。コンテンツはGitでバージョン管理されるGitベースとなっており、埋め込み型のSQLiteにインデックスされる事で高速なクエリと全文検索も...

任意の画像や絵文字等を使ってパターンを作成出来るWebアプリ・「Tylify」

Tylify Tylifyは任意の画像や絵文字等を使ってパターンを作成出来るWebアプリです。複数の絵文字や画像を使ってオリジナルのパターン画像を作成出来る、というもの。 実際にパターンとして利用した状態のプレビューが可能で、そ...

ホワイトボード感覚でアイデアとプロジェクトを視覚的に整理出来るクリエイター向けのノートアプリ・「xTiles」

xTiles xTilesはホワイトボード感覚でアイデアとプロジェクトを視覚的に整理出来るクリエイター向けのノートアプリです。 メモやリンク、動画や画像などのメディアやTodo、データなどをひとまとめにしてザッと見で状況を把握で...

オープンソースのWEBフォントをnpmでインストールできるmonorepo・「Fontsource」

Fontsource FontsourceはオープンソースのWEBフォントをnpmでインストールできる更新型monorepoです。余分なネットワークリクエストが無い分、Googleフォントに比べて大きくパフォーマンスを向上できるそうで...

良い感じのカラーパレットをランダム生成し、CSS変数でコピーできる・「colorSS」

colorSS colorSSはカラーパレットをランダム生成し、CSS変数でコピーできるシンプルなWebアプリです。どれも良い感じで生成してくれます。 スペースキーで生成、sキーでお気に入りに登録できます。お気に入り登録したカラ...

CSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワーク・「Open Props」

Open Props Open PropsはCSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワークです。 Google Chormeの開発に関わっている方が開発されたみたいでMITライセンスの元でソース...

ブラウザで動作するモーショングラフィックエディターWebアプリ・「Motionity」

Motionity Motionityはブラウザで動作するモーショングラフィックエディターWebアプリです。特にユーザー登録等も不要で誰でも無料で利用可能です。 複数レイヤーを使って任意のオブジェクトを時間経過に合わせて動くよう...

16種のスタイルが用意されたオープンソースのシンプルなSVGアイコン・「icons.download」

icons.download icons.downloadは16種のスタイルが用意されたオープンソースのシンプルなSVGアイコンです。4種の線の太さ、線画か塗りか、角丸かシャープか、などを選択できるアイコンが80近く用意されています。...

スクロールやマウスの動きに合わせて視差効果を実装するReactライブラリ・「React Just Parallax」

React Just Parallax React Just Parallaxはスクロールやマウスの動きに合わせて視差効果を実装するReactライブラリです。軽量高速で簡単に書けるのが特長だそう。 マウスの動きに合わせた視差効果...

最近見かけるモダンなカーソルエフェクトを実装できるコードを配布する・「Curzr.」

Curzr. See the Pen Curzr | Free cursor library by kachibito (@kachibito) on CodePen. Curzr.は最近見かけるモダンなカーソ...

丸みがあって柔らかい印象のミニマルで汎用的なアイコンのパック・「magicoon」

magicoon magicoonは丸みがあって柔らかい印象のミニマルで汎用的なアイコンのパックです。無料版で360以上、有償版で4800以上のアイコンがセットになっています。 1つのアイコンにつき4種のスタイルが用意されていて...

1つのdiv要素で作れる実用的なCSSローダーのコレクション・「one `div` loaders」

one `div` loaders See the Pen Untitled by kachibito (@kachibito) on CodePen. one `div` loadersは1つのdiv要素で作...

無料で利用可能な、多様な目的のプレゼンに使えるアイコンやイラストが含まれたプレゼンテンプレートのセット・「Lucid 」

Lucid Lucidは無料で利用可能な、多様な目的のプレゼンに使えるアイコンやイラストが含まれたプレゼンテンプレートのセットです。 プレゼン作成のあれこれをサポートするpremastが5周年を迎えたそうで、そのお祝いギフトとし...

各アプリストアなどアプリを紹介するプラットフォームで使えるアプリの紹介用スクリーンショットを作成出来る・「App Screenshot Generator」

App Screenshot Generator App Screenshot Generatorは各アプリストアなどアプリを紹介するプラットフォームで使えるアプリの紹介用スクリーンショットを作成出来るWebアプリです。 App...

グラデーションカラーの管理が可能なオープンソースのWebアプリ・「Gradientify」

Gradientify Gradientifyはグラデーションカラーの管理が可能なオープンソースのWebアプリです。CSSのコピーやPNGとしてのダウンロード、ブックマーク等が可能です。 既に綺麗なグラデーションが100以上用意...
Ads