Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
List of resources related to Web Components

Web Components Resources

Specs / standardization

W3C Introduction to Web Components - explainer/overview of the technologies

Historical conversations and concepts

Implementation / status

Are we componentized yet?

Chromium/Blink-specific

Articles / content

Articles

Also see everthing on HTML5Rocks articles tagged "web components".

Presentations

Libraries & polyfills

Element catalogs

Social

Misc resources

Who's using Polymer?

@ebidel

This comment has been minimized.

Copy link
Owner Author

@ebidel ebidel commented Aug 25, 2013

@robdodson

This comment has been minimized.

Copy link

@robdodson robdodson commented Sep 4, 2013

I've been working on a sketchbook which cobbles together a lot of the examples from the HTML5 Rocks posts as well as some of the stuff on my own blog. Any interest in adding it to an examples section?

https://github.com/robdodson/webcomponents-sketchbook

@makepanic

This comment has been minimized.

Copy link

@makepanic makepanic commented Sep 9, 2013

There is a wrong url in the "Chromium/Blink-specific" part:

chromestatus.com (use the filter "category: Web Components")

@bradfrost

This comment has been minimized.

Copy link

@bradfrost bradfrost commented Apr 6, 2014

Here's an article that was just recommended as a good walkthrough: Using Polymer to Create Web Components http://code.tutsplus.com/tutorials/using-polymer-to-create-web-components--cms-20475

@ebidel

This comment has been minimized.

Copy link
Owner Author

@ebidel ebidel commented Apr 9, 2014

Thanks @bradfrost. Will add.

@mbuck-r7

This comment has been minimized.

Copy link

@mbuck-r7 mbuck-r7 commented Apr 16, 2014

@robdodson's done a great job of keeping the Web Components article at CSS Tricks up to date.

@enguerran

This comment has been minimized.

Copy link

@enguerran enguerran commented May 12, 2014

I had 2 bosonic links for 'Elements' and 'Social', see https://gist.github.com/enguerran/264e71f655482003172c

@kevinSuttle

This comment has been minimized.

Copy link

@kevinSuttle kevinSuttle commented May 17, 2014

@kaytcat

This comment has been minimized.

Copy link

@kaytcat kaytcat commented Oct 5, 2015

I wrote a research paper about Web Components and their role in the future of web development here - http://kaytcat.github.io/web-components

Do you think this would be a good addition to your list?

@StefanNieuwenhuis

This comment has been minimized.

Copy link

@StefanNieuwenhuis StefanNieuwenhuis commented May 26, 2021

Hi @ebidel,

I was just browsing around your resources page today, and among the lists of great resources, were some broken links.
I took the liberty to list some of them and provide alternatives:

- W3C [Introduction to Web Components](https://dvcs.w3.org/hg/webcomponents/raw-file/tip/explainer/index.html) - explainer/overview of the technologies
+ [Introduction to Web Components](https://nhswd.com/blog/web-components-101-what-are-web-components) - explainer/overview of the technologies
- - [Custom Elements](http://w3c.github.io/webcomponents/spec/custom/)
+ - [Custom Elements](https://nhswd.com/blog/web-components-101-what-are-web-components/#1-custom-elements)
- - [Shadow DOM](http://w3c.github.io/webcomponents/spec/shadow/)
+ - [Shadow DOM](https://nhswd.com/blog/web-components-101-what-are-web-components/#3-shadow-dom)
- - [Templates](https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/templates/index.html)
+ - [HTML Templates](https://nhswd.com/blog/web-components-101-what-are-web-components/#2-html-templates)

I also regularly post news/articles/tutorials about Web Components on my blog - https://nhswd.com/blog/category/web-components. Maybe this is a good addition to your list as well?

Either way, I hope this helps, and keep up the good work!

Thanks,

Stefan

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment