![](https://kachibito.net/wp-content/uploads/2025/02/imageelf01-320x180.jpg)
Webデザイナー向け
![](https://kachibito.net/wp-content/uploads/2025/02/imageelf01-320x180.jpg)
![](https://kachibito.net/wp-content/uploads/2025/01/color4bg01-320x180.jpg)
カラフルで抽象的なアニメーション背景を作成してダウンロードできる・「Color4Bg」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
HTML、CSS、JavaScriptで構築されたミニマルスタイルなUIコンポーネントライブラリ・「ElenaUI」
![](https://kachibito.net/wp-content/uploads/2025/01/nexticons01-320x180.jpg)
ReactおよびNext.js用のパフォーマンスを重視した軽量アイコンコンポーネントライブラリ・「Next Icons」
![](https://kachibito.net/wp-content/uploads/2025/01/shapexui01-320x180.jpg)
Webアプリ向けにshadcn/uiとFramer Motionで作成されたUIコンポーネントを配布するプロジェクト・「ShapeX UI」
![](https://kachibito.net/wp-content/uploads/2024/12/tifoo01-320x180.jpg)
Tailwindベースの任意のWebページで要素の調査やclassの削除及び追加等が出来るオープンソースのブラウザ拡張・「tifoo」
![](https://kachibito.net/wp-content/uploads/2024/11/djamla01-320x180.jpg)
shadcn/uiにインスパイアされたArk UIベースのコピペで使えるReactコンポーネント集・「Djamla」
![](https://kachibito.net/wp-content/uploads/2024/11/monicon01-320x180.jpg)
各JavaScriptフレームワークをサポート、人気のアイコンセットの総計20万アイコンから選んでカスタマイズできるオープンソースのアイコンライブラリ・「Monicon」
![](https://kachibito.net/wp-content/uploads/2024/11/retroui01-320x180.jpg)
レトロにスタイリングされたWebアプリ用のTailwindコンポーネントライブラリ・「Retro UI」
![](https://kachibito.net/wp-content/uploads/2024/10/mynaui01-320x180.jpg)
Tailwindとshadcn/uiでスタイリングされたReact用のUIキットや1000以上のアイコンセットを提供するオープンソースプロジェクト・「Myna」
![](https://kachibito.net/wp-content/uploads/2024/10/syntaxui01-320x180.jpg)
TailwindとFramer Motionでスタイリングされたアニメーションエフェクト付きのUIを提供するReactコンポーネント集・「SyntaxUI」
![](https://kachibito.net/wp-content/uploads/2024/10/uibuider01-320x180.jpg)
Reactコンポーネントとして提供されている、shadcn/uiと互換性のあるオープンソースのノーコードUIビルダー・「UI Builder for shadcn/ui」
![](https://kachibito.net/wp-content/uploads/2024/10/text_behind_image_editor00-320x180.jpg)
任意の画像内から被写体を自動検出し、背後にテキストを挿入できるOSS・「Text Behind Image」
![](https://kachibito.net/wp-content/uploads/2024/10/clampit01-320x180.jpg)
指定されたフォントサイズとviewportから自動でClamp()を生成するVS Code拡張・「Clamp It!」
![](https://kachibito.net/wp-content/uploads/2024/09/shadcn-vue01-320x180.jpg)
Vue.js向けのshadcn/uiとして開発された再利用可能なコンポーネント集・「shadcn-vue」
![](https://kachibito.net/wp-content/uploads/2024/09/no_classcss-320x180.jpg)
ネイティブなマークアップのみによって駆動するモダンなスタイルシート・「No_Class.css」
![](https://kachibito.net/wp-content/uploads/2024/09/fundaui01-320x180.jpg)
Bootstrapを使ったオープンソースのReactコンポーネント・「Funda UI」
![](https://kachibito.net/wp-content/uploads/2024/09/untitleduijs01-320x180.jpg)
1100以上の汎用的でミニマルなスタイルのアイコンを用意、 Framer Motionと統合してアニメーションにも出来るOSSのアイコンセット・「Untitled UI JS」
![](https://kachibito.net/wp-content/uploads/2024/09/simpleiconscdn01-320x180.jpg)
3000以上の世界中のブランドアイコンを提供するSimple IconsをURLで表示できる・「Simple Icons CDN」
![](https://kachibito.net/wp-content/uploads/2024/09/liscon01-320x180.jpg)
カスタマイズ性を意識してデザインされた、700以上のミニマルで汎用的なオープンソースSVGアイコンのセット・「Lsicon」
![](https://kachibito.net/wp-content/uploads/2024/08/Flameshot01-320x180.jpg)
任意の範囲を指定してその場で矢印やテキスト等の挿入も可能できるオープンソースのスクリーンショットアプリ・「Flameshot」
![](https://kachibito.net/wp-content/uploads/2024/08/fconvert01-320x180.jpg)