KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

web-components-benchmark

★ 72 Open GitHub ↗

Web Components benchmark for a various Web Components technologies

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Web components benchmark

[Live results](https://vogloblinsky.github.io/web-components-benchmark/)

Benchmarks of libraries and implementation of Web Components.

The benchmark consists of two different applications :

-   TodoMVC implementation forked from [shprink/web-components-todo](https://github.com/shprink/web-components-todo)

![screenshot_todomvc](https://raw.githubusercontent.com/vogloblinsky/web-components-benchmark/master/common/screenshot_todomvc.png)

-   Pascal triangle

![screenshot_pascal](https://raw.githubusercontent.com/vogloblinsky/web-components-benchmark/master/common/screenshot_pascal.png)

# Requirements

Node.js 10+

## Setup

```
> npm i
> cd todomvc && npm i
> bash install-all.sh
> npm run build:all
> cd pascal-triangle && npm i
> bash install-all.sh
> npm run build:all
```

## Run benchmark for todos

In one tab

```
// In root folder
> npm run serve
```

In another tab

```
> npm run run:benchmark
```

## Run benchmark for pascal-triangle

In one tab

```
// In root folder
> npm run serve
```

In another tab

```
> npm run run:benchmark
```

## Compile results

```
> npm run compile-results
> npm run fix-stencil
```

# Current results

## TodoMVC

https://vogloblinsky.github.io/web-components-benchmark/#todo

## Pascal triangle

https://vogloblinsky.github.io/web-components-benchmark/#pascal

web-components-benchmark

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README