# Web Components Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/web-components
> Markdown URL: https://aitinkerers.org/technologies/web-components.md
> Technology record last updated: 2026-03-05T10:13:23Z
> Generated: 2026-10-22T23:57:23Z

Web Components define a browser-native standard for creating reusable, encapsulated custom HTML elements: build once, deploy anywhere.

Web Components is a suite of four core technologies that enable framework-agnostic component development. The stack includes Custom Elements (to define the new tags, e.g., ``), Shadow DOM (for CSS and markup encapsulation), HTML Templates (using `` and `` for structure), and ES Modules (for import/export). This standards-based approach ensures your components are portable, maintainable, and function natively across all modern browsers: Chrome, Firefox, Safari, and Edge. Leverage this power to deliver truly reusable UI libraries without framework lock-in.

- Official technology site: https://developer.mozilla.org/en-US/docs/Web/Web_Components
- Public AI Tinkerers demos and talks: 2
- Result page: 1 of 1

## Recent Public Talks and Demos

### [Building a Voice-Based AI Interface for Real Estate Websites](https://valencia.aitinkerers.org/talks/rsvp_rz7eKOyPV0Q)

- Event context: AI Tinkerers Valencia January Meetup — 2026-01-29 — Valencia
- Public talk page: https://valencia.aitinkerers.org/talks/rsvp_rz7eKOyPV0Q

### [Spreadsheets (in Browsers) are all you need](https://seattle.aitinkerers.org/talks/rsvp_jwzkT1bwU4A)

- Event context: AI Tinkerers Seattle - December 2024 Meetup — 2024-12-12 — Seattle
- Public talk page: https://seattle.aitinkerers.org/talks/rsvp_jwzkT1bwU4A

## Related Technologies

- [GPT-2](https://aitinkerers.org/technologies/gpt-2) ([Markdown](https://aitinkerers.org/technologies/gpt-2.md)) — 4 public demos
- [JavaScript](https://aitinkerers.org/technologies/javascript) ([Markdown](https://aitinkerers.org/technologies/javascript.md)) — 41 public demos
- [Jupyter](https://aitinkerers.org/technologies/jupyter) ([Markdown](https://aitinkerers.org/technologies/jupyter.md)) — 8 public demos
- [Node](https://aitinkerers.org/technologies/node) ([Markdown](https://aitinkerers.org/technologies/node.md)) — 100 public demos
- [OpenAI API](https://aitinkerers.org/technologies/openai-api) ([Markdown](https://aitinkerers.org/technologies/openai-api.md)) — 520 public demos
- [PostgreSQL](https://aitinkerers.org/technologies/postgresql) ([Markdown](https://aitinkerers.org/technologies/postgresql.md)) — 107 public demos
- [Python](https://aitinkerers.org/technologies/python) ([Markdown](https://aitinkerers.org/technologies/python.md)) — 684 public demos
- [Speech-to-Text APIs](https://aitinkerers.org/technologies/speech-to-text-apis) ([Markdown](https://aitinkerers.org/technologies/speech-to-text-apis.md)) — 1 public demo