沢山のコンポーネントを持ったVue.js向けのUIツールキット・「Fish-UI」
Fish-UI Fish-UIはVue.js向けのUIコンポーネント集です。グリッドやボタン、メニュ－、ポップアップ、フォームなどの基本的なUIやカレンダー、日付ピッカー、時間ピッカー、タイムラインなどのコンポーネントも備えられていま...
Resource - MIT
WYSIWYGモードも備わったOSSのライブプレビュー機能付きMarkdownエディタ・「TOAST UI Editor」
TOAST UI Editor TOAST UI EditorはWYSIWYGモードも備わったライブプレビュー機能付きMarkdownエディタです。MarkdownモードとWYSIWYGモードとのスイッチが可能、リアルタイムでプレビュ...
オープンソースなGoogle Inboxのデスクトップアプリ・「Inboxer」
Inboxer InboxerはGoogle Inboxの非公式デスクトップアプリです。OSSとしてソースコードも公開されています。Electronベースなので各OSで動作するようですね。公式のデスクトップアプリがまだないから作った、...
画像にインスタグラムのようなフィルターを付与できるスタイルシート・「Instagram.css」
Instagram.css Instagram.cssはインスタグラムのようなフィルターを画像に付与できるスタイルシートです。以前ご紹介したCSSフレームワークのSpectre.cssと同じ開発者の方が公開したCSSで、CSSgram...
オープンソースのBootstrap4テーマビルダー・「bootstrap.build」
bootstrap.build bootstrap.buildはBootstrap4のテーマビルダーです。OSSとしてソースも公開されています。コアの設定だけでなく、各コンポーネントの設計も可能で、コンポーネントごとに設定ページも分け...
インライン用のオープンソース国産WYSIWYGエディタ・「Lite Editor」
Lite Editor See the Pen Lite Editor - demo by appleple (@appleple) on CodePen. Lite Editorはインライン要素に特化したオープンソース国産WY...
オープンソースのファイルアップローダー・「Uppy」
Uppy UppyはOSSとして公開されているファイルアップローダーです。Googleドライブ、Dropbox、Instagram等との併用が可能で多言語にも対応しています。デフォルトのUIではリネームやキャプションの設定、ライセンス...
ポモドーロタイマー付きのOSSな国産Todoアプリ・「Pentazemin」
Pentazemin Pentazeminはポモドーロタイマー付きのTodoアプリです。日本の方が開発されたアプリでオープンソースとして公開されています。今やるべきことへフォーカスし集中することを助けるためのタスク消化を支援するアプリ...
ドラッグ&ドロップにも対応の、JavaScript製タイムスケジューラー・「jq.schedule.js」
jq.Schedule jq.ScheduleはJS製のタイムスケジューラーです。jquery及びjquery UIが必要です。日本の方が作成されています。タスク管理系のアプリや従業員のシフト管理ツールなど、利用幅は多々ありそうですね...
ウェブアクセシビリティを重視した使いやすいモーダルウィンドウ・「Modaal」
Modaal Modaalはウェブアクセシビリティを重視した使いやすいモーダルウィンドウです。WCAG 2.0の達成基準レベルAAをクリアしているそうで、全ての人にとってアクセスブルであると謳っています。jQuery依存っぽいのでこの...
縦横のサイズを入力するとアスペクト比の比率を算出してくれるシンプルな計算機・「AspectRat.io」
AspectRat.io AspectRat.ioはアスペクト比率計算ツールです。縦と横の数値を入力するとそのオブジェクトのアスペクト比率を算出してくれる、というもの。また、iPhone等のデバイスも選べるようになっています。本ツール...
コンポーネントやプラグインを豊富に同梱したBootstrap 4ベースのフリー管理画面テンプレート・「Pike Admin」
Pike Admin Pike Adminはコンポーネントやプラグインを豊富に同梱したBootstrap 4ベースの管理画面テンプレート。MITライセンスで商用でも無料で利用可能です。ルーマニアの開発者さんのようですね。管理画面に求め...
商用でも無料で使えるSVGで描かれた様々なイラストを公開する・「unDraw」
unDraw unDrawは商用でも無料で使えるSVG製のイラストを公開しているプロジェクトサイトです。ギリシャのイラストレーターさんが作成、公開しているもので、色の変更をしてからのDLも可能となっています。MITライセンスだそうで商...
LESSベースの軽量でモダンなUIフレームワーク・「Petal」
Petal Petalは軽量でモダンなUIフレームワークです。よく使われるような各種コンポーネントやレイアウト、フォーム回りやユーティリティクラスやアイコン、バッジやカード、アラートなどWebアプリ向けのUIなども用意されており、それ...
clip-pathで要素を斜めにカットするCSSライブラリ・「Angled edges」
Angled edges Angled edgesは要素を斜めにカットするためのCSSライブラリです。clip-pathを使っています。class付与で上デモのように手軽に斜めにカットできます。斜めにカットしなくちゃいけないシーン...
CSSで作られた複雑なアニメーションエフェクトのスピナー集・「Epic Spinners」
Epic Spinners Epic SpinnersはCSSで作られた複雑なアニメーションエフェクトのスピナーのセットです。コピー&ペーストで利用できるようにしてあります。以下動作サンプルを1つだけ。 本スピナーは同じ...
複数プレイリストもサポートしたOSSな非依存型オーディオプレイヤー実装スクリプト・「AmplitudeJS」
AmplitudeJS AmplitudeJSは複数プレイリスト等もサポートした非依存のHTML5オーディオプレーヤーを実装できるスクリプトです。コントローラーも直感的でわかりやすくタッチデバイスフレンドリーな設計となっているそうです...
Bootstrapの為のマテリアルデザインUIキット・「MDB」
MDB MDBはBootstrapの為のマテリアルデザインUIキットです。Material Design for Bootstrapの略で、使用ライブラリが、jQueryやAngular.js、Vue.jsやReact.jsを選択でき...
開発者向けのBootstrap 4のテーマやツールキットを配布する・「HackerThemes」
HackerThemes HackerThemesはBootstrap 4のテーマやツールキットを配布するプロジェクトサイトです。Bootstrapを使った開発ワークフローのスピードアップをサポートするのが目的だそう。公開されているの...
カーソルを乗せた方向によって変化するマウスホバーエフェクトを実装するライブラリ・「Direction Reveal」
Direction Reveal Direction Revealはカーソルの入った方向を検出してエフェクトを変化させるライブラリです。他ライブラリに依存せず単体で動作します。たまにどこかしらで見かけるやつを手軽に実装できる的なもの。...
Web用リッチテキストエディタを作成する為のツールキット・「ProseMirror」
ProseMirror ProseMirrorはWeb用リッチテキストエディタを構築するためのツールキットです。以前はMarkdown⇔HTMLなWYSIWYGエディタだったようですが、現在は様々な形のリッチテキストエディタを作るため...
シンプルなオートコンプリート実装スクリプト・「LightAutocomplete.js」
LightAutocomplete.js LightAutocomplete.jsはシンプルな自動補完機能実装スクリプトです。jQueryに依存します。非常にシンプルで、名前にもあるように軽量さを特徴としています。使い方も簡単で、スク...