{"title": "Stylide", "logoImg": "bafkreihsicifp3rlfwdx7lrkt35nmgfscipvmbya2lzsykncuixz53a4hy", "website": "https://stylus.solide0x.tech/", "bannerImg": "bafkreig4kpoo65v66rkwfuxaga4uwumscx6y5wbj5go4ebmijwjlfkg3uu", "createdAt": 1722860206760, "userGithub": "5208980", "credentials": {"github": {"type": ["VerifiableCredential"], "proof": {"jws": "eyJhbGciOiJFZERTQSIsImNyaXQiOlsiYjY0Il0sImI2NCI6ZmFsc2V9..zvukmVrg9vOLLGerOap3YLr9HEV2ziJS6qwj5u8vMKgxKW2oavWbeXwPRkWQFDnPb8xY-4nDOgzc5La5cde_CA", "type": "Ed25519Signature2018", "created": "2024-08-05T11:29:12.753Z", "proofPurpose": "assertionMethod", "verificationMethod": "did:key:z6MkghvGHLobLEdj1bgRLhS4LPGJAvbMA1tn2zcRyqmYU5LC#z6MkghvGHLobLEdj1bgRLhS4LPGJAvbMA1tn2zcRyqmYU5LC"}, "issuer": "did:key:z6MkghvGHLobLEdj1bgRLhS4LPGJAvbMA1tn2zcRyqmYU5LC", "@context": ["https://www.w3.org/2018/credentials/v1"], "issuanceDate": "2024-08-05T11:29:12.752Z", "expirationDate": "2024-11-03T11:29:12.752Z", "credentialSubject": {"id": "did:pkh:eip155:1:0x0225d43b588e69154Ec98f710249D9ff2AED4527", "hash": "v0.0.0:5jm4emqsrhkJA2iM7XlA4SPFP6qKesCATa0RKbnXOZM=", "@context": [{"hash": "https://schema.org/Text", "provider": "https://schema.org/Text"}], "provider": "ClearTextGithubOrg#solide-project#41554995"}}, "twitter": {"type": ["VerifiableCredential"], "proof": {"jws": "eyJhbGciOiJFZERTQSIsImNyaXQiOlsiYjY0Il0sImI2NCI6ZmFsc2V9..t9z8BiwgNu9yCHNkoTJNByMUxDFpAetGpKloCG4qKeC4Pl1qI1ZJaryRkSq3qpExAlNDCE3BRmPPwQWr1UlbBw", "type": "Ed25519Signature2018", "created": "2024-08-05T11:28:14.424Z", "proofPurpose": "assertionMethod", "verificationMethod": "did:key:z6MkghvGHLobLEdj1bgRLhS4LPGJAvbMA1tn2zcRyqmYU5LC#z6MkghvGHLobLEdj1bgRLhS4LPGJAvbMA1tn2zcRyqmYU5LC"}, "issuer": "did:key:z6MkghvGHLobLEdj1bgRLhS4LPGJAvbMA1tn2zcRyqmYU5LC", "@context": ["https://www.w3.org/2018/credentials/v1"], "issuanceDate": "2024-08-05T11:28:14.424Z", "expirationDate": "2024-11-03T11:28:14.424Z", "credentialSubject": {"id": "did:pkh:eip155:1:0x0225d43b588e69154Ec98f710249D9ff2AED4527", "hash": "v0.0.0:h59xggJNtdQw+A3eVNKVsJ+7Nkr/h92serc2UEKi6ls=", "@context": [{"hash": "https://schema.org/Text", "provider": "https://schema.org/Text"}], "provider": "ClearTextTwitter#SolideProject"}}}, "description": "### Description\n\n**Stylide** is an open-source, lightweight IDE designed for developing Rust-based Stylus contracts on Arbitrum. Traditionally, a CLI is used for interacting with and deploying Stylus contracts, requiring extensive installation of Rust and other libraries. Stylide abstracts these complexities away, focusing entirely on Stylus contract development for smart contract developers. By deploying a contract using Stylide, developers can compile it to generate WASM and transactional data, which are then used to deploy the contracts with **MetaMask**. Additionally, developers also activate the contract programs and generate the ABI for the contract all within the IDE.\n\n### Motivation\n\nDevelopers often face significant challenges when setting up environments for writing, compiling, and deploying Stylus contracts, especially given that Stylus is a new language. The need for extensive installations and complex configurations can be a learning curve with those learning Rust, deterring new users and slowing development progress. The novelty of Stylus can hinder the adoption and innovation of Stylus-based contracts.\n\n### Solution\n\nStylide addresses this challenge by providing an accessible environment that simplifies the development process, allowing developers to focus on creating and deploying high-quality Stylus contracts. Its simple UI and integration with popular tools like MetaMask facilitate interaction with Stylus-based blockchains such as Arbitrum, and can support other Stylus based blockchains. Stylide’s ease of use makes it ideal for workshops and tutorials, helping developers quickly grasp Stylus programming concepts and deploy contracts effortlessly. By lowering entry barriers and simplifying development, Stylide accelerates the adoption of Stylus technology within the blockchain space.\n\n[Stylus contract (0x76D4408E24954d50380914F6CB90d6430ee829e3)](https://sepolia.arbiscan.io/address/0x76D4408E24954d50380914F6CB90d6430ee829e3) deployed with Stylide\n\nBy default, Stylide loads the Counter Contract, but it also offers an easy way to import contracts directly from GitHub. For example, import the [Stylus ERC20 Contract](https://github.com/OffchainLabs/stylus-sdk-rs/tree/stylus/examples/erc20) from Offchain Labs Github Repo like the provided link.\n\nhttps://stylus.solide0x.tech/?url=https://github.com/OffchainLabs/stylus-sdk-rs/tree/stylus/examples/erc20\n\n![stylus-github](https://raw.githubusercontent.com/solide-project/stylide/master/public/images/stylus-github.png)\n\nAnd just like any IDE, Stylide allows developers to create, build, and deploy contracts using MetaMask or other Stylus-compatible chains. Interact with contracts directly from the browser by supplying the ABI either manually or via API.\n\n![stylus-deploy](https://raw.githubusercontent.com/solide-project/stylide/master/public/images/stylus-deploy.png)\n\n*Stylus contract deployed, activated and invoked on Sepolia using Stylide*\n\nIf the user would like to use the compiled contract elsewhere, then download WASM or the contract itself.\n\n![wasm](https://raw.githubusercontent.com/solide-project/stylide/master/public/images/stylus-download.png)\n\nStylide is a public good and the project aims to advance the development of Stylus within the Arbitrum ecosystem. Within our smart contract hub app, it enables the exploration of different Stylus contracts by providing comprehensive documentation and guides. Developers can easily access various Stylus contract examples and resources, facilitating a smoother learning curve and a more efficient development process. [Starting exploring now](https://dapp.solide0x.tech/eco/arbitrum)!\n\n![contract-hub](https://raw.githubusercontent.com/solide-project/stylide/master/public/images/stylus-smart-contract-hub.png)\n*Arbitrum's Knowledge Hub, over 200+ contracts (both Solidity and Stylus) from Arbitrum and its ecosystem and protocols*\n\n### Resources\n\nIf you'd like to support Stylide, give the repos a ⭐:\n\n- Stylide: [IDE](https://stylus.solide0x.tech/)\n- Stylide Source Code: [GitHub Repository](https://github.com/solide-project/stylide)\n- Documentation: [Stylide Documentation](https://docs.solide0x.tech/docs/ide/stylus-ide)\n\n\n\n", "logoImgData": {}, "bannerImgData": {}, "projectGithub": "solide-project", "projectTwitter": "SolideProject"}