# webstudio-app > [![Webstudio](https://i.ibb.co/njcYZcb/landing.png)](https://youtu.be/pcbTbq_MDWQ) Latest version **0.1.18** (published 2023-05-17) · 0 weekly downloads ## Install ```sh npm install webstudio-app pnpm add webstudio-app yarn add webstudio-app bun add webstudio-app ``` ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support; pre 1.0. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 0.1.18 | | Published | 2023-05-17 | | First published | 2023-05-17 | | Weekly downloads | 0 | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 52 | | Unpacked size | 1.5 MB | | Known vulnerabilities | 0 (+2 in 2 direct dependencies) | | Install scripts | no | | Maintainers | gianksp | ## Links - npm: https://www.npmjs.com/package/webstudio-app - npm.io page: https://npm.io/package/webstudio-app ## Dependencies (52) - [jss](https://npm.io/package/jss.md) ^10.7.1 - [yup](https://npm.io/package/yup.md) ^0.32.9 - [uuid](https://npm.io/package/uuid.md) ^8.3.2 - [axios](https://npm.io/package/axios.md) ^1.3.6 - [react](https://npm.io/package/react.md) ^18.2.0 - [redux](https://npm.io/package/redux.md) ^4.0.5 - [chance](https://npm.io/package/chance.md) ^1.1.7 - [moment](https://npm.io/package/moment.md) ^2.29.4 - [jss-rtl](https://npm.io/package/jss-rtl.md) ^0.3.0 - [date-fns](https://npm.io/package/date-fns.md) ^2.21.1 - [grapesjs](https://npm.io/package/grapesjs.md) ^0.19.5 - [wsm-form](https://npm.io/package/wsm-form.md) ^0.0.39 - [magic-sdk](https://npm.io/package/magic-sdk.md) ^10.1.0 - [react-dom](https://npm.io/package/react-dom.md) ^18.2.0 - [wsm-basic](https://npm.io/package/wsm-basic.md) ^0.0.1 - [wsm-fonts](https://npm.io/package/wsm-fonts.md) ^0.0.5 - [wsm-toast](https://npm.io/package/wsm-toast.md) ^1.0.14 - [apexcharts](https://npm.io/package/apexcharts.md) ^3.26.1 - [jwt-decode](https://npm.io/package/jwt-decode.md) ^3.1.2 - [prop-types](https://npm.io/package/prop-types.md) ^15.7.2 - [react-intl](https://npm.io/package/react-intl.md) ^5.14.0 - [rehype-raw](https://npm.io/package/rehype-raw.md) ^6.1.1 - [remark-gfm](https://npm.io/package/remark-gfm.md) ^1.0.0 - [@mui/system](https://npm.io/package/@mui/system.md) ^5.0.3 - [react-redux](https://npm.io/package/react-redux.md) ^7.1.0-rc.1 - [react-share](https://npm.io/package/react-share.md) ^4.4.0 - [@mui/material](https://npm.io/package/@mui/material.md) ^5.11.0 - [@tabler/icons](https://npm.io/package/@tabler/icons.md) ^1.39.1 - [framer-motion](https://npm.io/package/framer-motion.md) ^4.1.13 - [react-scripts](https://npm.io/package/react-scripts.md) ^5.0.1 - [redux-persist](https://npm.io/package/redux-persist.md) ^6.0.0 - [@emotion/react](https://npm.io/package/@emotion/react.md) ^11.10.5 - [material-icons](https://npm.io/package/material-icons.md) ^1.11.8 - [react-markdown](https://npm.io/package/react-markdown.md) ^6.0.3 - [wsm-animations](https://npm.io/package/wsm-animations.md) ^0.0.2 - [@emotion/styled](https://npm.io/package/@emotion/styled.md) ^11.10.5 - [react-draggable](https://npm.io/package/react-draggable.md) ^4.4.5 - [react-apexcharts](https://npm.io/package/react-apexcharts.md) ^1.3.7 - [react-router-dom](https://npm.io/package/react-router-dom.md) ^6.0.0-beta.5 - [grapesjs-tailwind](https://npm.io/package/grapesjs-tailwind.md) ^1.0.10 - [stylis-plugin-rtl](https://npm.io/package/stylis-plugin-rtl.md) ^2.0.2 - [axios-mock-adapter](https://npm.io/package/axios-mock-adapter.md) ^1.19.0 - [wsm-wallet-connect](https://npm.io/package/wsm-wallet-connect.md) ^0.0.49 - [@auth0/auth0-spa-js](https://npm.io/package/@auth0/auth0-spa-js.md) ^1.14.0 - [@babel/preset-react](https://npm.io/package/@babel/preset-react.md) ^7.17.12 - [@hookform/resolvers](https://npm.io/package/@hookform/resolvers.md) 1.3.5 - [@mui/icons-material](https://npm.io/package/@mui/icons-material.md) ^5.6.1 - [react-device-detect](https://npm.io/package/react-device-detect.md) ^2.2.2 - [grapesjs-plugin-forms](https://npm.io/package/grapesjs-plugin-forms.md) ^2.0.5 - [grapesjs-script-editor](https://npm.io/package/grapesjs-script-editor.md) ^1.0.3 - [react-perfect-scrollbar](https://npm.io/package/react-perfect-scrollbar.md) ^1.5.8 - [react-responsive-carousel](https://npm.io/package/react-responsive-carousel.md) ^3.2.23 ## Recent versions - 0.1.18 (latest) — 2023-05-17 ## README [![Webstudio](https://i.ibb.co/njcYZcb/landing.png)](https://youtu.be/pcbTbq_MDWQ) ![Production Build](https://github.com/webstudioso/studio/actions/workflows/production_deploy.yml/badge.svg) ![Development Build](https://github.com/webstudioso/studio/actions/workflows/development_deploy.yml/badge.svg) # [Webstudio](https://webstudio.so) welcome to a new era of no-code for creatives, innovators and visionaries building on the New Internet. What required a team of developers, can now be done by you, through a visual drag and drop editor and carefully curated components to help you build and launch full stack web3 applications in minutes and without code. ## What is it? [Webstudio](https://webstudio.so) is the ultimate no-code development platform for the new Open Web. It lets you create interactive, multi-user dapps for desktop and mobile web browsers and includes all the tools you need to build a site like Opensea or Uniswap from powerful primitives. Launch Landing Pages, NFT Marketplaces, NFT Minters, Payments solutions, DAOs and more from ready made templates. Speed up your iterations without having to start from scratch. Through public blockchain based technologies handle your own deployments, hosting and data. There are no hard limits on the number of users, volume of traffic, or storage. ## How it works? [Creating a dApp with the Webstudio](https://youtu.be/M6xhkVmznxY) ## Getting Started If you are looking to build dApps without code, I recommend you use our cloud platform [Webstudio](https://webstudio.so). For developers contributing to the project here are the configuration steps. ### 1. Prerrequisites - Node 17 - Create a [Moralis](https://moralis.com) Account ### 2. Create a .env ``` SKIP_PREFLIGHT_CHECK=true REACT_APP_HOST_ENV=dev REACT_APP_MORALIS_API_KEY= REACT_APP_WEBSTUDIO_API_URL= REACT_APP_INFURA_KEY= REACT_APP_MAGIC_API_KEY= REACT_APP_WEBSTUDIO_WS_API= REACT_APP_WIX_SUBSCRIPTION_ENDPOINT= ``` ### 3. Install dependencies Then, run the development server: ```bash npm i ``` ### 4. Run the project Then, run the development server: ```bash npm run start ``` Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. ### 5. Build the project Then, run the development server: ```bash npm run build ``` --- _Source: https://npm.io/package/webstudio-app · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._