npmpackage.info

Gathering detailed insights and metrics for react-native-web

Other packages similar to react-native-web

@react-spring/web

9.7.5

`react-dom` support

babel-plugin-react-native-web

0.20.0

Babel plugin for React Native for Web

react-native-safe-area-context

5.4.0

A flexible way to handle safe area, also works on Android and web.

react-native-web-linear-gradient

1.1.2

React Native for Web implementation of react-native-linear-gradient

Gathering detailed insights and metrics for react-native-web

react-native-web - 0.20.0 | npmpackage.info

react-native-web

Cross-platform React UI packages

0.20.0

21,886

MIT

JavaScript

75.14 kB

97,001,407 3.3

Installations

npm install react-native-web

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

22.14.0

NPM Version

10.9.2 Score

Supply Chain

85.8

Quality

80.2

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

23

Total

788

Closed

673

Merged

92

Issues

Open

105

Total

1,820

Closed

1,715

Releases

0.20

0.20.0

Updated on Apr 03, 2025

0.19

0.19.0

Updated on Mar 27, 2023

0.18

0.18.0

Updated on Jun 10, 2022

0.17.0

Updated on Jun 17, 2021

0.16

0.16.0

Updated on Apr 20, 2021

0.15.0

Updated on Feb 12, 2021

View All 22 releases

Languages

JavaScript

CSS

HTML

Shell

JavaScript (83%)

CSS (9.11%)

HTML (7.85%)

Shell (0.05%)

Developer

necolas

Download Statistics

Total Downloads

97,001,407

Last Day

226,134

Last Week

976,799

Last Month

3,998,470

Last Year

34,105,920

GitHub Statistics

MIT License

21,886 Stars

1,996 Commits

1,818 Forks

332 Watchers

21 Branches

187 Contributors

Updated on May 14, 2025

Bundle Size

252.39 kB

Minified

75.14 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 187 Contributors

Package Meta Information

Latest Version

0.20.0

Package Id

react-native-web@0.20.0

Unpacked Size

2.84 MB

Size

571.85 kB

File Count

863

NPM Version

10.9.2

Node Version

22.14.0

Published on

Apr 03, 2025

Total Downloads

Cumulative downloads

Total Downloads

97,001,407

Last Day

28.6%

226,134

Compared to previous day

Last Week

3.7%

976,799

Compared to previous week

Last Month

5.9%

3,998,470

Compared to previous month

Last Year

63.4%

34,105,920

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@babel/runtime @react-native/normalize-colors fbjs inline-style-prefixer memoize-one nullthrows postcss-value-parser styleq

Peer Dependencies

react react-dom

React Native for Web

"React Native for Web" makes it possible to run React Native components and APIs on the web using React DOM.

Documentation

The documentation site (source) covers installation, guides, and APIs.

Example

The examples app (source) demonstrates many available features. Fork the codesandbox to make changes and see the results.

You'll notice that there is no reference to react-dom in components. The App component that is shown below is defined using the APIs and Components of React Native, but it can also be rendered on the web using React Native for Web.

1// Example component
2import React from 'react';
3import { AppRegistry, StyleSheet, Text, View } from 'react-native';
4
5class App extends React.Component {
6  render() {
7    return (
8      <View style={styles.box}>
9        <Text style={styles.text}>Hello, world!</Text>
10      </View>
11    );
12  }
13}
14
15const styles = StyleSheet.create({
16  box: { padding: 10 },
17  text: { fontWeight: 'bold' }
18});
19
20AppRegistry.registerComponent('App', () => App);
21AppRegistry.runApplication('App', { rootTag: document.getElementById('react-root') });

Contributing

Development happens in the open on GitHub and we are grateful for contributions including bugfixes, improvements, and ideas. Read below to learn how you can take part in improving React Native for Web.

Code of conduct

This project expects all participants to adhere to Meta's OSS Code of Conduct. Please read the full text so that you can understand what actions will and will not be tolerated.

Contributing guide

Read the contributing guide to learn about the development process, how to propose bugfixes and improvements, and how to build and test your changes to React Native for Web.

Good first issues

To help you get you familiar with the contribution process, there is a list of good first issues that contain bugs which have a relatively limited scope. This is a great place to get started.

License

React Native for Web is MIT licensed. By contributing to React Native for Web, you agree that your contributions will be licensed under its MIT license.

No vulnerabilities found.

10

Dangerous-Workflow

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

10

Binary-Artifacts

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

10

License

Determines if the project has defined a license.

6

Maintained

Determines if the project is "actively maintained".

3

Code-Review

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

0

CII-Best-Practices

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

0

Token-Permissions

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

0

Pinned-Dependencies

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

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/labels.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/labels.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/labels.yml:19: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/labels.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/performance.yml:9: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/performance.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/performance.yml:10: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/performance.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/react-integration.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/react-integration.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/react-integration.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/react-integration.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:44: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/tests.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/necolas/react-native-web/tests.yml/master?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/react-integration.yml:17
Warn: npmCommand not pinned by hash: .github/workflows/react-integration.yml:19
Warn: npmCommand not pinned by hash: .github/workflows/tests.yml:19
Warn: npmCommand not pinned by hash: .github/workflows/tests.yml:29
Warn: npmCommand not pinned by hash: .github/workflows/tests.yml:39
Warn: npmCommand not pinned by hash: .github/workflows/tests.yml:49
Info: 0 out of 12 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 2 third-party GitHubAction dependencies pinned
Info: 0 out of 6 npmCommand dependencies pinned

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

3.3

/10

Last Scanned on 2025-05-05

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