このページの内容

Awesome Polymer

Polymerを扱う資料や関連プロジェクトをまとめたAwesomeリストです。

一般リソース

Polymer コミュニティ

チュートリアル/ガイド

記事

動画

ボイラープレート

ジェネレーター

  • Generator Polymer 公式 Starter Kitを基にした Polymer プロジェクト用 Yeoman ジェネレーターです。
  • Generator Element Polymer、X-Tag、VanillaJS で Custom Element を作成する Yeoman ジェネレーターです。

公式 Element

  • Element カタログ
  • Iron 視覚的・非視覚的なユーティリティ Element のセットです。
  • Paper Google の Material Design を実装する視覚的 Element のセットです。
  • Google Web Components
  • Gold チェックアウトフローなど、電子商取引のユースケース向けに作られた Element です。
  • Platinum Push、オフラインなどを備え、Web ページを本格的な Web アプリに変える Element です。
  • Molecules ほかの JavaScript ライブラリをラップする Element です。
  • App モジュール式 Custom Element から完全な Web アプリを構築できる Element です。
  • Data データ・ストレージ関連 Element のコレクションです。
  • Layout レイアウト関連 Element のコレクションです。
  • [廃止] Neon 特殊効果を実装する Element です。

ディレクトリ

ツール

  • App Toolbox App Toolbox です。
  • Polyserve Bower Component をローカルで使うためのシンプルな Web サーバーです。
  • Polybuild Polymer アプリ向けのオールインワンビルドツールです。
  • Polyup Polymer v0.5 から1.0への移行を助けるアシスタントです。
  • Polylint コードのエラーを検出します。
  • Polygit Magic Server は、HTML Imports の自然な重複排除機能と互換性のある方法で、GitHub から(cdn.rawgit.com 経由で)ファイルを直接配信します。
  • Polydev DevTools 拡張機能です。
  • Polymer Ready Polymer と Custom Component を検出すると、アドレスバーにアイコンを表示します。
  • Vulcanize HTML Imports と Web Components のビルドツールです。
  • Crisper CSP に準拠するため、HTML ファイルからインラインスクリプトを分離します。
  • Atom エディター用スニペット
  • Sublime Text エディター用スニペット
  • Synthesis Polymer を Meteor.js の View レイヤーとして使います。
  • MWC-Layout Polymer Component のレンダリングを制御します。
  • WC-Loader。Web Components 用 Webpack Loader です。
  • Polymer Webpack Loader。Polymer 用 Webpack Loader です。
  • Polymer CDN。Polymer Component 用の非公式 CDN です。
  • lit-html JavaScript の Template Literal による HTML テンプレートです。

テスト

Behavior

  • Polymer-Apollo Polymer と Apollo GraphQL の統合です。
  • MWC-Mixin Polymer Element 向けのリアクティブな Meteor データソースです。
  • MWC-Router Polymer と Meteor FlowRouter を双方向バインドします。
  • Polymer-Redux Redux 用 Polymer バインディングです。

テーマ/スタイル

  • Polymer Themes 無料の Polymer テーマとテンプレートです。
  • Material Palette Material Design に基づくパレットジェネレーターです。
  • Polystyle 既存スタイルシートを Polymer の Style Module システムでラップします。

注目プロジェクト

Polymer Projects Polymer で構築された Web サイトとアプリの一覧です。

その他の Awesome リソース

さらに Awesome なリソースを探すなら、awesome リストを確認してください!


ライセンス

CC0