cta.js - Animate your 'action-to-effect' paths!

アニメーションするモダンなモーダルダイアログを汎用的につくれる「cta.js」
既存のエレメントを特定のサイズに変形し、ダイアログなり、サイドバーなりに変形させてUIをつくれる面白いライブラリのご紹介です
活用すればモダンで美しいUIをWEB上で表現できそうです


タイルをクリックすると全画面に広がるサンプル



(2) ボタンを押すとlightbox風ダイアログに変形するサンプル



(3) ボタンを押すとサイドバーがアニメーション付きで生成されるサンプル



関連エントリ

• 数値のみ入力させたい場合のUIを実現できる「numble」
• アニメーション切り替えがカッコイイタブUI実装jQueryプラグイン「tabtab.js」
• WEB、アプリにフリーで使えるクールなUIキット「EVENTRAY UI KIT」
• ルーレット型のUIを実現できるjQueryプラグイン「rouletteWheel」
• BootstrapでiOSアプリ風UIを作るBootstrapテーマ「Bootstrap iOS7」
• ダイアログをアプリっぽくマウスで摘んで移動させるUI作成チュートリアル