フレームワーク

JavaScript

URLフレンドリーなIDをジェネレートするライブラリ・「Nano ID」

JavaScript

軽量で非依存なカルーセル実装スクリプト・「Glide.js」

CSS/HTML

様々なレイアウトに対応できるよう設計されたflexboxベースのグリッドシステム・「Flexible Grid」

Ads
CSS/HTML

一通りのUIコンポーネントを揃えた軽量なCSSフレームワーク・「Mustard UI」

JavaScript

シンプルで見やすいチャートを生成できるライブラリ・「TOAST UI Chart」

CSS/HTML

Web制作の開発スピード向上を目的とした軽量なCSSライブラリ・「Flat Remix CSS Library」

フレームワーク

Vue.jsで作れるオープンソースのUIデザインツール・「Vue Design System」

CSS/HTML

シンプルで直感的なSCSSフレームワーク・「FICTOAN」

CSS/HTML

BootstrapベースのシンプルなUIのオープンソース管理画面テンプレート・「tabler」

CSS/HTML

エキセントリックなエフェクトを付与できるユニークなCSSアニメーションライブラリ・「Woah.css」

CSS/HTML

軽量でモバイルファーストなCSSフレームワーク・「Beauter」

JavaScript

非依存で軽量の、Webサイト内をハイライトで案内するWebサイトツアー実装スクリプト・「Driver」

CSS/HTML

デフォルトのスタイルを最小限に抑えられたシンプルなclassで管理する事を目指したCSSフレームワーク・「InvisCss」

JavaScript

スクロールに応じて任意のCSSアニメーションを要素に付与するスクリプト・「Delighters.JS」

CSS/HTML

FlexboxベースのレスポンシブなWebサイトを構築するプロジェクトの開発をサポートするCSSフレームワーク・「Frow CSS」

JavaScript

マルチレベルに対応したドリルダウンのハンバーガーメニューを実装できるスクリプト・「mlStackNav」

複合/その他

CSS変数を利用したパララックスエフェクトをサポートするライブラリ・「basicScroll」

JavaScript

項目数が多くなったリストやテーブルを自動で複数ページに分割し、ページネーションを加えるスクリプト・「paginathing.js」

CSS/HTML

フォームのHTML/CSSのboilerplateとして提供する・「Boilerform」

CSS/HTML

必要なものだけ揃えられたベーシックなCSSのboilerplate・「roolith」

CSS/HTML

3本線のメニューアイコンのアニメーションパターンをいろいろ集めたサンプル集・「Half Second Hamburger Helper」

CSS/HTML

iPhone Xや8、Galaxy S8、MacBookやApple Watchなど様々なデバイスのモックアップを作れるスタイルシート・「Devices.css」