# Custom Components Projects at AI Tinkerers

> Canonical HTML: https://aitinkerers.org/technologies/custom-components
> Markdown URL: https://aitinkerers.org/technologies/custom-components.md
> Technology record last updated: 2026-02-25T05:33:37Z
> Generated: 2026-08-24T00:15:24Z

Build reusable, encapsulated HTML elements with custom tags and logic: a framework-agnostic, browser-native standard for component development.

Custom Components (formally, Web Components) are a suite of four native browser APIs that enable developers to create new, reusable HTML tags (e.g., ``). The core is the **Custom Elements** specification, which defines the new tag and its lifecycle. **Shadow DOM** provides critical style and markup encapsulation, ensuring component-specific CSS (like `button:hover`) does not conflict with the global document. Finally, **HTML Templates** (`` and ``) allow for inert, reusable markup structures, all imported via **ES Modules**. This standardized approach delivers highly portable components that work across all modern browsers (Chrome, Firefox, Safari, Edge) and integrate seamlessly with any major JavaScript framework.

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

## Recent Public Talks and Demos

### [Infinite canvas for your thoughts](https://nyc.aitinkerers.org/talks/rsvp_nmx_SC-lsOo)

Our company is building an AI-native canvas workspace that helps visual thinkers, especially product managers, plan, brainstorm, and produce structured outputs without switching tools. Problem: Product managers and similar roles often use multiple tools—on average five—to go from brainstorming to final deliverables. Canvas-based tools are good for ideation but don’t translate into real outputs, forcing constant context switching and duplicate work. Solution: We provide a familiar, infinite canvas where users can plan visually, interact through natural multi-turn conversations, and instantly turn their work into actionable outputs like PRDs, diagrams, or presentations. Users can also pull relevant data directly into the canvas, so they have more data points to plan efficiently and make informed decisions. Core Technology: Our system combines an infinite canvas interface with context-aware conversational AI, supported by the ability to bring in structured datasets on demand. Every component on the canvas shares context, allowing seamless collaboration and efficient planning. Customer Audience: We are initially focused on product managers and planning-heavy professionals such as city planners, architects, and consultants—users already familiar with canvas tools who want to reduce context switching and streamline their workflow.

- Event context: AI Tinkerers August Demo Day ft. Auth0 and Comet. Demo what you've built! — 2025-08-26 — New York City
- Public talk page: https://nyc.aitinkerers.org/talks/rsvp_nmx_SC-lsOo

## Related Technologies

- [LangGraph](https://aitinkerers.org/technologies/langgraph) ([Markdown](https://aitinkerers.org/technologies/langgraph.md)) — 66 public demos
- [memory management](https://aitinkerers.org/technologies/memory-management) ([Markdown](https://aitinkerers.org/technologies/memory-management.md)) — 2 public demos
- [User Interface](https://aitinkerers.org/technologies/user-interface) ([Markdown](https://aitinkerers.org/technologies/user-interface.md)) — 5 public demos