npmpackage.info

Gathering detailed insights and metrics for @stencil/core

Other packages similar to @stencil/core

@ionic/core

8.4.3

Base components for Ionic

@stencil/store

2.0.16

Store is a lightweight shared state library by the StencilJS core team. Implements a simple key/value map that efficiently re-renders components when necessary.

@stencil/react-output-target

0.8.2

React output target for @stencil/core components.

@stencil/angular-output-target

0.10.2

Angular output target for @stencil/core components.

Gathering detailed insights and metrics for @stencil/core

@stencil/core

A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.

4.26.0

12,691

NOASSERTION

TypeScript

9.36 kB

95,317,445 5.5

Installations

npm install @stencil/core

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Min. Node Version

>=16.0.0

Node Version

22.2.0

NPM Version

10.7.0 Score

85.7

Supply Chain

96.3

Quality

98.3

Maintenance

100

Vulnerability

99.6

License

Pull Requests

Open

11

Total

3,120

Closed

488

Merged

2,621

Issues

Open

262

Total

2,965

Closed

2,703

Releases

177

🐇 4.26.0 (2025-02-11)

v4.26.0

Updated on Feb 11, 2025

🐉 4.25.3 (2025-02-04)

v4.25.3

Updated on Feb 05, 2025

🐉 4.25.2 (2025-02-04)

v4.25.2

Updated on Feb 04, 2025

🌳 4.25.1 (2025-01-24)

v4.25.1

Updated on Jan 25, 2025

🏅 4.25.0 (2025-01-22)

v4.25.0

Updated on Jan 23, 2025

🚜 4.24.0 (2025-01-17)

v4.24.0

Updated on Jan 17, 2025

View All 177 releases

Contributors

212

View All 212 Contributors

Languages

TypeScript

JavaScript

HTML

CSS

SCSS

Shell

TypeScript (98.4%)

JavaScript (0.66%)

HTML (0.53%)

CSS (0.36%)

SCSS (0.04%)

Love this project? Help keep it running — sponsor us today! 🚀

Developer

ionic-team

Download Statistics

Total Downloads

95,317,445

Last Day

140,295

Last Week

724,828

Last Month

3,151,601

Last Year

33,677,328

GitHub Statistics

NOASSERTION License

12,691 Stars

8,038 Commits

794 Forks

178 Watchers

2 Branches

212 Contributors

Updated on Feb 13, 2025

Bundle Size

24.66 kB

Minified

9.36 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

4.26.0

Package Id

@stencil/core@4.26.0

Unpacked Size

20.31 MB

Size

3.62 MB

File Count

313

NPM Version

10.7.0

Node Version

22.2.0

Published on

Feb 11, 2025

Total Downloads

Cumulative downloads

Total Downloads

95,317,445

Last Day

0.8%

140,295

Compared to previous day

Last Week

0.9%

724,828

Compared to previous week

Last Month

55.7%

3,151,601

Compared to previous month

Last Year

13.9%

33,677,328

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@ionic/prettier-config @rollup/plugin-commonjs @rollup/plugin-json @rollup/plugin-node-resolve @rollup/plugin-replace @rollup/pluginutils @types/eslint @types/exit @types/fs-extra @types/graceful-fs @types/jest @types/listr @types/node @types/pixelmatch @types/pngjs @types/prompts @types/semver @types/ws @types/yarnpkg__lockfile @typescript-eslint/eslint-plugin @typescript-eslint/parser @yarnpkg/lockfile ansi-colors autoprefixer conventional-changelog-cli cspell dts-bundle-generator esbuild esbuild-plugin-replace eslint eslint-config-prettier eslint-plugin-jest eslint-plugin-jsdoc eslint-plugin-simple-import-sort eslint-plugin-wdio execa exit fs-extra glob graceful-fs jest jest-cli jest-environment-node jquery listr magic-string merge-source-map mime-db minimatch node-fetch open open-in-editor parse5 pixelmatch postcss prettier prompts puppeteer rimraf rollup semver terser tsx typescript webpack ws

Stencil

A compiler for generating Web Components using technologies like TypeScript and JSX, built by the Ionic team.

Quick Start · Documentation · Contribute · Blog
Community: Discord · Forums · Twitter

Getting Started

Start a new project by following our quick Getting Started guide. We would love to hear from you! If you have any feedback or run into issues using Stencil, please file an issue on this repository.

Examples

A Stencil component looks a lot like a class-based React component, with the addition of TypeScript decorators:

1import { Component, Prop, h } from '@stencil/core';
2
3@Component({
4  tag: 'my-component',            // the name of the component's custom HTML tag
5  styleUrl: 'my-component.css',   // css styles to apply to the component
6  shadow: true,                   // this component uses the ShadowDOM
7})
8export class MyComponent {
9  // The component accepts two arguments:
10  @Prop() first: string;
11  @Prop() last: string;
12
13   //The following HTML is rendered when our component is used
14  render() {
15    return (
16      <div>
17        Hello, my name is {this.first} {this.last}
18      </div>
19    );
20  }
21}

The component above can be used like any other HTML element:

1<my-component first="Stencil" last="JS"></my-component>

Since Stencil generates web components, they work in any major framework or with no framework at all. In many cases, Stencil can be used as a drop in replacement for traditional frontend framework, though using it as such is certainly not required.

Contributing

Thanks for your interest in contributing! Please take a moment to read up on our guidelines for contributing. Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Maintained

Determines if the project is "actively maintained".

10

Security-Policy

Determines if the project has published a security policy.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

9

License

Determines if the project has defined a license.

6

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

6

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Reason

39 existing vulnerabilities detected

Details

Warn: Project is vulnerable to: GHSA-67mh-4wv8-2f99
Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm
Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w
Warn: Project is vulnerable to: GHSA-q9mw-68c2-j6m5
Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj
Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq
Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9
Warn: Project is vulnerable to: GHSA-fhg7-m89q-25r3
Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55
Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
Warn: Project is vulnerable to: GHSA-mv48-hcvh-8jj8
Warn: Project is vulnerable to: GHSA-353f-5xf4-qw67
Warn: Project is vulnerable to: GHSA-c24v-8rfc-w8vw
Warn: Project is vulnerable to: GHSA-8jhw-289h-jh2g
Warn: Project is vulnerable to: GHSA-64vr-g452-qvp3
Warn: Project is vulnerable to: GHSA-9cwx-2883-4wfx
Warn: Project is vulnerable to: GHSA-vg6x-rcgg-rjx6
Warn: Project is vulnerable to: GHSA-wrw9-m778-g6mc
Warn: Project is vulnerable to: GHSA-pp7h-53gx-mx7r
Warn: Project is vulnerable to: GHSA-x6fg-f45m-jf5q
Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm

Score

5.5

/10

Last Scanned on 2025-02-10

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to @stencil/core

Other packages similar to @stencil/core

@stencil/core

Installations

Developer Guide

Yes

CommonJS, ESM

>=16.0.0

22.2.0

10.7.0

Score

Pull Requests

11

3,120

488

2,621

Issues

262

2,965

2,703

Releases

Contributors

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

24.66 kB

9.36 kB

Maintainers

Package Meta Information

Total Downloads

95,317,445

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

Stencil

Quick Start · Documentation · Contribute · Blog Community: Discord · Forums · Twitter

Getting Started

Examples

Contributing

10

10

10

10

9

6

6

0

0

0

0

0

5.5

/10

Quick Start · Documentation · Contribute · Blog
Community: Discord · Forums · Twitter