Resource - MIT

Vue.jsベースのオープンソースなUIコンポーネントライブラリ・「Element」

Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテム...

Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」

Vuesax VuesaxはVue.jsベースのUIコンポーネントフレームワークです。Vue.jsを使ったアプリケーション開発をサポートしてくれます。カラースキームやグリッド、フォーム、タブなどの基本UIはもちろん、スライダーやカード...

オープンソースのGoogleマップオートコンプリートライブラリ・「geomapify」

geomapify geomapifyはOSSで公開されているGoogleマップオートコンプリートライブラリです。Ultimateと言うだけあって欲しい機能がしっかり備わった高性能なものとなっています。jQueryに依存しています。i...
Ads

Webアプリ開発をサポートするUI作成の為の軽量なDOMラッパースクリプト・「RE:DOM」

RE:DOM RE:DOMはWebアプリ等のUI作成をサポートする軽量なDOMラッパースクリプトです。分かりやすい使い方で学習コストも少なく済みそうです。また2kbと軽量で依存性も無いので軽量化にも貢献してくれそうです。 簡単な...

Cで書かれたオープンソースのマインクラフトクローン・「Craft」

Craft CraftはCで書かれたOSSのマイクラクローンです。OpenGLが使われています。マルチプレーヤー対応、ブロックの光源設定、テキストの書き込みやガラスブロックなど本家にあるものもしっかりサポートされています。過去にもマイ...

任意のテキストを1文字ずつアニメーションさせるエフェクトを付与できるスクリプト・「Splitting」

Splitting Splittingは任意のテキストを1文字ずつ要素で包括し、アニメーションを付与できるスクリプトです。かなり昔に公開されたLETTERING.JSのように自動で包括し、アニメーションを与えてくれる、というもの。CS...

Webサイト開発スピードをサポートするモダンなCSSフレームワーク・「BuddyCSS」

BuddyCSS BuddyCSSはWebサイトの制作、開発スピードをサポートするモダンな設計のCSSフレームワークです。同梱されるすべてのコンポーネントはレスポンシブ、SassベースでタスクランナーにはGulpが用いられています。コ...

jsFiddleのようにElectronのコードの動作確認が出来るOSS・「Electron Fiddle」

Electron Fiddle Electron FiddleはjsFiddleのようにElectronのコードの動作確認が出来るソフトウェアです。同じようにエリアにコードを書いて実行するだけでElectronを動かすのに必要なものを...

沢山のコンポーネントを兼ね備えたOSSのBootstrap 4テンプレート・「Argon Design System」

Argon Design System Argon Design Systemはたくさんのコンポーネントを備えたオープンソースのBootstrap 4テンプレートです。開発スピードをサポートするのが目的との事でデザインは概ね完成されて...

Webサイトへの訪問時にCookieに関するメッセージをポップアップで明示できるスクリプト・「ihavecookies」

ihavecookies ihavecookiesはWebサイトへの訪問時にCookieに関するメッセージをポップアップで明示できるスクリプトです。jQueryに依存しています。動作サンプルでは同意後30日の間はCookie削除しない...

インタラクティブに動作し、様々なタイプのチャートに対応できるOSSのチャートライブラリ・「apexcharts.js」

apexcharts.js See the Pen TimeSeries Demo by kachibito (@kachibito) on CodePen. apexcharts.jsはインタラクティブに動作する、様々なチャートに...

軽量で多機能なモダンCSSフレームワーク・「Teutonic CSS」

Teutonic CSS Teutonic CSSは軽量で多機能なCSSフレームワークです。CSSグリッドやFlesboxに基づいたレイアウトはもちろん、各コンポーネントの提供や豊富なタイポグラフィ、CSS変数の導入によるカスタマイズ...

シンプルで使いやすいCSSアニメーションライブラリ・「Hexa」

Hexa Hexaはシンプルで使いやすいCSSによるアニメーションライブラリです。要素に指定のclassを付与するだけでアニメーションを与える事が出来ます。classはhexaを基本に、jumpやrotateなど、分かりやすいキーワー...

SVG製の小規模なチャートを描けるライブラリ・「Dailychart.js」

Dailychart.js Dailychart.jsはSVGにで描ける小規模なチャートライブラリです。主に株価チャートの実装を目的に作られているようです。データは直接カスタムデータ属性に入力して実装する形となります。クセもなく扱...

モダンなデザインのBoostrapベースのOSSな管理画面テンプレート・「Shards Dashboard Lite」

Shards Dashboard Lite Shards Dashboard Liteはモダンなデザインの管理画面テンプレートです。OSSで公開されており、Bootstrapをベースに構築されています。以前ご紹介したUIキットのSha...

ミニマルなWebサイトやWebアプリを作成できるオープンソースソフトウェア・「Itty.bitty」

Itty.bitty Itty.bittyはミニマルなWebサイトやWebアプリを作成できるOSSです。HTMLやCSS、JavaScriptなどを入力すればそのまま反映される、というもの。Twitter等で長い文章を手軽に共有できる...

ソートや内容の編集等が可能なシンプルなデータテーブル実装ライブラリ・「Frappe DataTable」

Frappe DataTable Frappe DataTableはシンプルながらパワフルなデータテーブル実装ライブラリです。列でのソートやセル内の内容の編集、カラムのリサイズ等が可能となっています。上サンプルでは変更していません...

データをグラフ等に可視化出来るオープンソースのスクリプト・「picasso.js」

picasso.js picasso.jsはデータビジュアライゼーションの為のスクリプトです。OSSとして公開されています。様々なグラフにも対応しており、プラグインによる拡張も可能との事。使い方も割と優しい印象でした。可もなく不可もな...

Google Fontsの各フォントをタグ付けして探しやすく整理している・「Font Library」

Font Library Font Libraryは大量に存在するGoogle Fontsのフォントをタグでカテゴライズし、探しやすくするプロジェクトです。OSSとして公開されています。タグ付けし、整理して探しやすくしたもので、各アイ...

コーディング不要で簡易的なゲームアプリの制作が出来るOSS・「GDevelop」

GDevelop GDevelopはコーディングせずにゲーム制作が出来るオープンソースのゲームエディタです。8ビットゲームの制作をプレビューを見ながら作成できる、というもの。コーディングに比べれば楽ではありますが、それでもソフトウェア...

3つのドットで作れるCSSローディングアイコンをまとめた・「Three Dots」

Three Dots Three Dotsは3つのドットで作れるCSSのローダーをまとめたプロジェクトです。それぞれbeforeとafterを使って作られているので1つの空要素と指定のclassを与えるだけで実装出来ます。色やサイズの...

ポモドーロタイマー付きのオープンソースなシンプルTodoアプリ・「tasks」

tasks tasksはポモドーロタイマー機能付きのシンプルなTodoアプリです。OSSとして公開されています。タイトルと概要だけの単純なタスク追加と、タスクごとには25分でアラームを鳴らせるようになっている、という非常にシンプルなも...
Ads