{"id":29846032,"url":"https://github.com/johnkozan/etherface","last_synced_at":"2025-07-29T18:02:07.961Z","repository":{"id":46559483,"uuid":"261577785","full_name":"johnkozan/etherface","owner":"johnkozan","description":"Ethereum dApp UI Builder","archived":false,"fork":false,"pushed_at":"2021-10-05T21:06:23.000Z","size":15508,"stargazers_count":16,"open_issues_count":1,"forks_count":4,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-06-29T04:05:34.317Z","etag":null,"topics":["ethereum","react","thegraph","web3","web3-dapp","web3-transactions"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/johnkozan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-05T20:37:29.000Z","updated_at":"2023-01-30T14:53:04.000Z","dependencies_parsed_at":"2022-09-19T16:51:47.169Z","dependency_job_id":null,"html_url":"https://github.com/johnkozan/etherface","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/johnkozan/etherface","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnkozan%2Fetherface","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnkozan%2Fetherface/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnkozan%2Fetherface/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnkozan%2Fetherface/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/johnkozan","download_url":"https://codeload.github.com/johnkozan/etherface/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/johnkozan%2Fetherface/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267711381,"owners_count":24132112,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-29T02:00:12.549Z","response_time":2574,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ethereum","react","thegraph","web3","web3-dapp","web3-transactions"],"created_at":"2025-07-29T18:01:02.418Z","updated_at":"2025-07-29T18:02:03.078Z","avatar_url":"https://github.com/johnkozan.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# etherface\n\nEthereum dApp UI Builder.\n\n\nProject is a work in progress, for testing use only.  Feedback / suggestions / contributions appreciated.\n\n\nTry out the demo at [https://johnkozan.github.io/etherface](https://johnkozan.github.io/etherface)\n\n\nRun on your own computer:\n```\n$ npx etherface\n```\n\n\nDevelopment:\n\n\n* Clone this repo\n* Run dev server: `npm run start`\n* Build for deployment: `npm run build`\n\n\nCan also be included as a module in an existing React project.\n\n\n## Template file\n\nUser interfaces for dApps are defined in a JSON file.   By default, the template file is saved to the browser's localstorage.\nWhen running the app for the first time, a default introduction template is loaded.\n\n\nAn existing template file can be loaded from the command line with the command `bin/etherface template.json`.\nThis command will start a simple webserver to serve the app and provide the template file to the app.\n\n\nThe template file is made up of the following elements:\n\n\n### Tabs\n\nTabs are listed in the side navigation bar.  Each tab can have many pages (TODO).\n\n\n### Pages\n\n\nPages are groups of components.  Pages are arranged in columns, either 1, 2 or 3.  The widths of each column may be adjusted.\nClick the Edit button in the lower right hand corner of the button to edit a page's layout and components.\n\n\n### Components\n\nThe UI elements that appear on a page.  The following types of components are available:\n\n#### Markdown\n\nA basic text component.  Renders Markdown text.  Values from web3 `call` transactions can be included in the Markdown text as variables  (TODO).\n\n\n#### Web3 Transaction\n\nProvides the user the inputs required to make a transaction to a specified contract.  This may be a call function to retrive a value, or a blockchain transaction.\n\n\n#### Web3 Call\n\nDisplays a values from a web3 call.\n\n\n#### GraphQL Data Table\n\nDisplays data from a GraphQL endpoint, such as [TheGraph](https://thegraph.com).  Introspection is used to determine the schema of the endpoint,\nand queries are automatically generated.\n\nThe data displayed in the table can be customized, and you can drill down to see the details of individual items, as well as\nclick through relationships to other graph nodes.\n\n\n### Integrations\n\nIntegrations are connections to other decentralized services.  Currently the following are implemented:\n\n\n#### TheGraph\n\nConnects to [TheGraph](https://thegraph.com) graphql endpoints.\n\n\n#### Infura / Web3 RPC\n\nSpecify an Infura or other Web3 RPC API endpoint to make web3 queries against if the user does not have a web3 enabled browser. (TODO)\n\n### Address book\n\nAn address book of Ethereum addresses including their ABIs.  When adding an address, ABIs can be automatically fetched\nfrom [Etherscan](https://etherscan.io) or specified manually.\n\nA truffle build .json file can also be uploaded, which contains the ABI and deployed addresses.\n(TODO: Automatically build a user interface from truffle build .json files)\n\n\n\n## Support this project\n\nIf you find this project to be useful, please consider a donation of Ethereum or BAT tokens to 0x4DA681E4713cC8C4fDbE8a1B027AeBE59c4B332E\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnkozan%2Fetherface","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjohnkozan%2Fetherface","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjohnkozan%2Fetherface/lists"}