フレームワーク

CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる・「Beautiful CSS box-shadow examples」

OSSでソースコードも公開されているJavaScript製のシンプルで使いやすいフローチャート作成Webアプリ・「Drawflow」

GUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタ・「ct.js」

Ads

任意のテキストを自動で3D化するスクリプト・「ztext.js」

複数サンプルも用意されているBootstrap 5ベースのオープンソースの管理画面テンプレート・「Volt」

滑らかに動くスワイプ可能な非依存型のカルーセルライブラリ・「Embla Carousel」

Webやデスクトップ、モバイルなどのアプリ開発向けのデザイン/UIコンポーネントライブラリ・「kor」

Bootstrapライクに使えるフロントエンドフレームワーク・「Halfmoon」

Pandasライブラリにインスパイアされた、構造化されたデータの操作や処理を行うためのJavaScriptライブラリ・「danfo.js」

Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」

CSSの用語を視覚的に学べる・「CSS Vocabulary」

シンプルなものからユニークなものまで様々なCSS製のスピナーやローダーをまとめた・「CSS3 Loader & Spinners」

簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」

CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」

アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」

応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」

モジュール形式のCSSボタンシステム・「knopf.css」

FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」

テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」

HTML/CSS/JavaScriptで作られた汎用的なCC0のコンポーネントを動作確認したりコードをコピーしたり選んでまとめてダウンロードできる・「html.systems」

Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」

ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」