{"id":13510155,"url":"https://github.com/vocamen/web-mobile-html-builder","last_synced_at":"2025-03-30T15:30:46.211Z","repository":{"id":132268868,"uuid":"578218504","full_name":"vocamen/web-mobile-html-builder","owner":"vocamen","description":"Online Web and Mobile HTML Builder \u0026 Editor using daisyui, tailwind and grapejs in a 40kB box!","archived":false,"fork":false,"pushed_at":"2022-12-15T17:48:59.000Z","size":221,"stargazers_count":67,"open_issues_count":0,"forks_count":11,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-01T10:35:16.502Z","etag":null,"topics":["app-builder","daisy","daisyui","drag-and-drop","grapesjs","html-builder","html-editor","no-code","nocode","page-builder","site-builder","site-generator","tailwind","ui-builder","website-builder"],"latest_commit_sha":null,"homepage":"https://html-builder.vocamen.com/dist/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vocamen.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,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-12-14T14:34:24.000Z","updated_at":"2024-09-30T14:41:56.000Z","dependencies_parsed_at":"2024-01-13T19:25:34.042Z","dependency_job_id":"cef32989-e99d-4f7f-bdbf-4858e6a8b8a8","html_url":"https://github.com/vocamen/web-mobile-html-builder","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vocamen%2Fweb-mobile-html-builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vocamen%2Fweb-mobile-html-builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vocamen%2Fweb-mobile-html-builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vocamen%2Fweb-mobile-html-builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vocamen","download_url":"https://codeload.github.com/vocamen/web-mobile-html-builder/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246338660,"owners_count":20761415,"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","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":["app-builder","daisy","daisyui","drag-and-drop","grapesjs","html-builder","html-editor","no-code","nocode","page-builder","site-builder","site-generator","tailwind","ui-builder","website-builder"],"created_at":"2024-08-01T02:01:26.358Z","updated_at":"2025-03-30T15:30:41.196Z","avatar_url":"https://github.com/vocamen.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","website-builder"],"sub_categories":[],"readme":"![palette](palette.jpg)\n# Web/Mobile HTML Builder \u0026 Editor 🚀\n### No-code HTML builder for your web and mobile apps based on [DaisyUI](https://daisyui.com/docs/install/) and [Tailwind](https://tailwindcss.com/docs).\n\n###### Built for you by [Vocamen](https://www.vocamen.com) with love 🤍\n# \nFeel free to use as-is, and contribute (it's really easy):\n\n🥇[ONLINE BUILDER](https://html-builder.vocamen.com/dist/)\n\n## Summary\n`TL;DR` Simply click ONLINE BUILDER and start building your HTML page.\n\n-- Currently, to change components content click the component settings (cog wheel) then use this ugly hack: click \"update\" then add a character to the following input, then hit \"tab\" to update your component. \nFeel free to provide a better way --\n\nClick the `\u003c/\u003e` button to inspect and copy your HTML and CSS.\nPaste code in your app and don't forget to add DaisyUI and Tailwind CSS in your html page, in the `header`:\n```html\n\u003clink href=\"https://cdn.jsdelivr.net/npm/daisyui@2.38.1/dist/full.css\" rel=\"stylesheet\" type=\"text/css\" /\u003e\n    \u003clink href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2/dist/tailwind.min.css\" rel=\"stylesheet\" type=\"text/css\" /\u003e\n```\nAuto-saves on your browser, no need to save!\n\n## 🥰 PR are welcome!\n\nIf you'd like to contribute but don't want to download and install stuff, simply FORK this repository and change `blocks.js` and `components.js` in `src/`, then PR (Pull Request) from your fork to this project.\n\n## Download\n\n* CDN\n  * `https://unpkg.com/web-mobile-html-builder`\n* NPM (not sure)\n  * `npm i web-mobile-html-builder`\n* GIT\n  * `git clone https://github.com/vocamen/web-mobile-html-builder.git`\n\n\n## Development\n\nClone the repository\n\n```sh\ngit clone --depth 1 https://github.com/vocamen/web-mobile-html-builder.git\ncd web-mobile-html-builder\n```\n\n### Install dependencies\n\n```sh\nnpm i\nnpm i -g grapesjs-cli\n(you will need this one to test and build easily)\n```\n\n### Start the dev server\n\n```sh\nnpx grapesjs-cli serve\n```\n\n### Tweak\n\nSimply change 2 files in `src/`\n\n* components.js (the HTML code in your page)\n* blocks.js (the menu elements to drag in your HTML page)\n\n### Build the source\n\n```sh\nnpx grapesjs-cli build\n```\n\n### Test your project before PR\n```sh\nhttp-server ./dist/\n```\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvocamen%2Fweb-mobile-html-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvocamen%2Fweb-mobile-html-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvocamen%2Fweb-mobile-html-builder/lists"}