{"id":19016989,"url":"https://github.com/alchaplinsky/polymer-rails","last_synced_at":"2026-01-27T22:01:53.074Z","repository":{"id":18203469,"uuid":"21335754","full_name":"alchaplinsky/polymer-rails","owner":"alchaplinsky","description":"Polymer and web components for Ruby on Rails","archived":false,"fork":false,"pushed_at":"2022-11-08T21:36:28.000Z","size":1278,"stargazers_count":286,"open_issues_count":20,"forks_count":79,"subscribers_count":21,"default_branch":"master","last_synced_at":"2026-01-13T08:51:11.763Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/alchaplinsky.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-06-30T00:57:57.000Z","updated_at":"2024-07-14T07:02:16.000Z","dependencies_parsed_at":"2023-01-13T19:42:31.985Z","dependency_job_id":null,"html_url":"https://github.com/alchaplinsky/polymer-rails","commit_stats":null,"previous_names":["alchapone/polymer-rails"],"tags_count":38,"template":false,"template_full_name":null,"purl":"pkg:github/alchaplinsky/polymer-rails","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchaplinsky%2Fpolymer-rails","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchaplinsky%2Fpolymer-rails/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchaplinsky%2Fpolymer-rails/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchaplinsky%2Fpolymer-rails/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/alchaplinsky","download_url":"https://codeload.github.com/alchaplinsky/polymer-rails/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/alchaplinsky%2Fpolymer-rails/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28823916,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-27T18:44:20.126Z","status":"ssl_error","status_checked_at":"2026-01-27T18:44:09.161Z","response_time":168,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-08T19:45:26.700Z","updated_at":"2026-01-27T22:01:53.039Z","avatar_url":"https://github.com/alchaplinsky.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Polymer-Rails\nWant to get started with  [web components](http://www.w3.org/wiki/WebComponents/)? Want to bring them into your Rails app? Easily build your own and use web components that are built by community in your Ruby on Rails Application. Polymer-rails helps you to do this:\n\n1. Adds [polymer](http://polymer-project.org/) library to assets of your rails project.\n\n2. Allows you to easily import web component with `\u003c%= html_import_tag \"my-component\" %\u003e` helper.\n\n3. Allows you to import and package web components into assets pipeline, exactly as you would Javascript or CSS\n\n#### Prefer using SASS or CoffeeSript?\n\nPolymer-rails works well with compiling assets, such as CoffeeScript and Sass.\nYou can easily use external stylesheet or script tag references in your web component `\u003clink rel=\"stylesheet\" href=\"application.css\"\u003e` for stylesheets and `\u003cscript src=\"application.js\"\u003e` for javascripts.\nThis assets will be automatically compiled and required into component html file.\n* Note that if you're using sass or coffee precompilation, assets are required to use '.css.sass' and '.js.coffee' extensions.*\n\n\n## Versions\nPolymer 2.0 is out! \n\n* Use `0.2.x` versions of `polymer-rails` to work with Polymer versions `0.5.x`\n* Use `1.0.x` versions of `polymer-rails` to work with Polymer versions `1.0.x`\n* Use `2.0.x` versions of `polymer-rails` to work with Polymer versions `2.0.x`\n\n1.0 release is not compatible with the 0.5 APIs. For guidance on migrating an existing 0.5 elements to the 1.0 APIs, see the [Migration guide](https://www.polymer-project.org/1.0/docs/migration.html).\n\n## Installation\n\nAdd this line to your application's Gemfile:\n\n    gem 'polymer-rails'\n\nAnd then execute:\n\n    $ bundle\n\nOr install it yourself as:\n\n    $ gem install polymer-rails\n\n## Usage\n\n#### Installation\n\n    $ rails g polymer:install\n\n- This generator adds `//= require webcomponentsjs/webcomponents-loader` into `application.js` manifest file  \n- Creates `app/assets/components` and `application.html` manifest file where you can include all your components.\n- Creates `vendor/assets/components` directory for third-party web components.\n\nAfter running `rails g polymer:install`, add `\u003c%= html_import_tag 'application'%\u003e` line into your layout,\nto import web components manifest to your app.\n\n#### Creating a component\n\n    $ rails g polymer:component \u003ccomponent-name\u003e\n\nThis generates new `\u003ccomponent-name\u003e` component directory and `.html`, `.css`, `.js` files of the same name under `app/assets/components` folder.\n\nAdd your component to `.html` manifest file after requiring polymer:\n\n    //\n    //= require polymer/polymer\n    //= require component-name/component-name\n\nAnd you can use your component in Rails application!\n\n#### Polymer core/paper elements\n\nPolymer team is working on set of core element which you can learn more about here http://www.polymer-project.org/docs/elements/core-elements.html. If you want to use them in your Rails application, checkout [polymer-core-rails](https://github.com/alchapone/polymer-core-rails) gem.\n\nYou may also be interested in Polymer paper elements, they are also available as [polymer-paper-rails](https://github.com/alchapone/polymer-paper-rails) gem.\n\n## Example\n\nSee example Rails application here [http://polymer-rails-example.herokuapp.com/](http://polymer-rails-example.herokuapp.com/)\n\nSource code can be found here [https://github.com/alchapone/polymer-rails-example](https://github.com/alchapone/polymer-rails-example)\n\n## Learn more\n\n You can check out http://customelements.io/ or http://component.kitchen/ to see what components are already built by community.\n\n## Contributing\n\n1. Fork it ( http://github.com/alchapone/polymer-rails/fork )\n2. Create your feature branch (`git checkout -b my-new-feature`)\n3. Commit your changes (`git commit -am 'Add some feature'`)\n4. Push to the branch (`git push origin my-new-feature`)\n5. Create new Pull Request\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falchaplinsky%2Fpolymer-rails","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falchaplinsky%2Fpolymer-rails","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falchaplinsky%2Fpolymer-rails/lists"}