Webデザイナー向け

CSS/HTML

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

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

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

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

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

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

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

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

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

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

2Dや3Dの円グラフを簡単な記述でパッと作れる円グラフ作成ツール・「Pie Chart Maker」
その他

Microsoftがオープンソースで提供する、Teamsで使われている1500以上の3Dスタイルな絵文字・「Fluent Emoji」
複合/その他

Material UIのReactコンポーネントで構築されているオープンソースの管理画面・「Minimal-UI」
その他

シンプルで直感的に使える国産のスケジュール調整アプリ・「Tocaly」
インスピレーション

WebサイトやUI、ポスター、ロゴやイラストなど様々な制作例を大量に用意したカラーパレットジェネレーター・「Palette Maker」「」
ソフトウェア

ノーコードでフォームを作成出来るオープンソースのTypeform代替・「snoopForms」
Webデザイン補助

ベーシックなものからユニークなものまでCSSで作られたボタンを100個まとめた・「UI Buttons」
編集ツール

アイデアや考えを視覚化するためのオンラインホワイトボード型ドローアプリ・「OkSo」
ジェネレーター

フルサイズでも縮小せずにダウンロードできる画像背景消去ツール・「Extract bg」
ソフトウェア

研究者向けに開発された資料画像などを効率的に管理できるオープンソースの研究資料管理アプリ・「Tropy」
プログラミング補助

Webflowによるサイト構築で効率化や最適化をサポートするノーコードツール・「Stacket」
フレームワーク

サイドプロジェクトからスタートアップに成長するまで使えるよう設計されたフルスタックWebフレームワーク・「Redwood」
次のページ