![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
フレームワーク
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
スクロールに連動した演出をサポートするオープンソースの軽量スクロールライブラリ・「Lenis」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Intro.jsのようなWebサイトのツアーを実装するオープンソースのJSライブラリ・「TourGuide.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
要素にメタリックなスタイルを提供するスタイルシート・「MetalliCSS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
使いやすさ、拡張性、スケーリングなどを重視したOSSのマルチベンダーマーケットプレイスプラットフォーム・「OpenMarketplace」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
マウスの動きに応じて輝くホログラフを実装できる・「pokemon-cards-css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Q&Aコミュニティを構築するためのオープンソースプラットフォーム・「Answer」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
必要最低限だけ用意されたclass-lessな軽量スタイルシート・「Bolt.css」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ReactベースのCRUDアプリを構築するためのオープンソースのヘッドレスWebアプリケーションフレームワーク・「refine」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
オープンソースのNode.jsアプリケーション用管理パネル・「AdminJS」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
HTMLやCSSをSVGに変換するためのオープンソースのライブラリ・「Satori」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ブラウザで任意の要素をクリックするだけでIDEを起動して該当のコードに移動してくれる拡張機能・「Locator.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
ダークテーマを重視したオープンソースのUIパターンとコンポーネントのコレクション・「Dracula UI」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
Gutenberg指向のWebサイトを作成するためのモダンなWordPressテーマ開発スターターキット・「Theme Redone」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
CSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワーク・「Open Props」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
軽量で高速なWebコンポーネントベースのフロントエンドフレームワーク・「Leaf.js」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
スクロールやマウスの動きに合わせて視差効果を実装するReactライブラリ・「React Just Parallax」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
80以上のUIコンポーネントが用意されたオープンソースのReact.js用UIライブラリ・「PrimeReact」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
最近見かけるモダンなカーソルエフェクトを実装できるコードを配布する・「Curzr.」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)
90年代を彷彿とさせるカーソルエフェクトを実装するためのライブラリ・「90’s Cursor Effects」
![](https://kachibito.net/wp-content/themes/cocoon-master/images/no-image-320.png)