VvvebJs
Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
File Explorer
Download Latest Version (.zip)- FUNDING.yml
- lock.yml
- no-response.yml
- editor.css
- vvvebjs-editor-helpers.css
- index.html
- blog.css
- index.html
- carousel.css
- index.html
- index.html
- narrow-jumbotron.css
- index.html
- offcanvas.css
- offcanvas.js
- index.html
- pricing.css
- index.html
- product.css
- landing
- ionicons.svg
- ionicons.ttf
- ionicons.woff
- la-brands-400.eot
- la-brands-400.svg
- la-brands-400.ttf
- la-brands-400.woff
- la-brands-400.woff2
- la-regular-400.eot
- la-regular-400.svg
- la-regular-400.ttf
- la-regular-400.woff
- la-regular-400.woff2
- la-solid-900.eot
- la-solid-900.svg
- la-solid-900.ttf
- la-solid-900.woff
- la-solid-900.woff2
- _bottom-panel.html
- _canvas.html
- _footer.html
- _html-head.html
- _left-panel.html
- _modals.html
- _right-panel.html
- _save-offcanvas.html
- _sidebar.html
- _templates.html
- _top-panel.html
- editor.html
- logo.png
- bootstrap.min.js
- popper.min.js
- aos.css
- aos.js
- autocomplete.gif
- autocomplete.js
- bootstrap-colorpicker.min.css
- bootstrap-colorpicker.min.css.map
- bootstrap-colorpicker.min.js
- bootstrap-colorpicker.min.js.map
- cart.svg
- checkbox.svg
- contact-form.svg
- map.svg
- accordion.svg
- alert.svg
- archives.svg
- arrow-down.svg
- arrow-right.svg
- audio.svg
- badge.svg
- bell.svg
- blockquote.svg
- breadcrumbs.svg
- button.svg
- button_group.svg
- button_toolbar.svg
- calendar.svg
- carousel.svg
- cart.svg
- categories.svg
- chart.svg
- checkbox.svg
- checkout.svg
- chevron-down.svg
- chevron-right.svg
- code.svg
- container.svg
- currency.svg
- dots_three.svg
- envelope.svg
- facebook.svg
- factory.svg
- file-manager-layout.svg
- file.svg
- file_text.svg
- filters.svg
- flag.svg
- flipbox.svg
- folder.svg
- form.svg
- grid_column.svg
- grid_row.svg
- heading.svg
- hr.svg
- icon-list.svg
- icon.svg
- image-compare.svg
- image.svg
- images.svg
- instagram.svg
- jumbotron.svg
- label.svg
- left-column-layout.svg
- link.svg
- list.svg
- list_group.svg
- logo.svg
- lottie.svg
- mail.svg
- manufacturers.svg
- map.svg
- maps.png
- menu.svg
- minus_round.svg
- navbar.svg
- pagination.svg
- panel.svg
- paragraph.svg
- paypal.svg
- play-button.svg
- plus_round.svg
- plus_square.svg
- post.svg
- posts.svg
- posts2.svg
- price-table.svg
- product.svg
- product_gallery.svg
- products.svg
- progressbar.svg
- radio.svg
- rating.svg
- reviews.svg
- right-column-layout.svg
- search.svg
- section.svg
- select_input.svg
- separator.svg
- slider.svg
- social-icons.svg
- star.svg
- stopwatch.svg
- stream-solid.svg
- symbol.svg
- table.svg
- tabs.svg
- tags.svg
- testimonial.svg
- text_area.svg
- text_input.svg
- twitter.svg
- user.svg
- vendor.svg
- video.svg
- well.svg
- youtube.svg
- blocks-bootstrap4.js
- builder.js
- components-bootstrap4.js
- components-bootstrap5.js
- components-common.js
- components-elements.js
- components-embeds.js
- components-html.js
- components-server.js
- components-widgets.js
- inputs.js
- oembed.js
- plugin-ai-assistant.js
- plugin-aos.js
- plugin-bootstrap-colorpicker.js
- plugin-ckeditor.js
- plugin-codemirror.js
- plugin-coloris.js
- plugin-google-fonts.js
- plugin-jszip.js
- plugin-media.js
- plugin-tinymce.js
- section.js
- sections-bootstrap4.js
- undo.js
- clike.js
- codemirror.css
- codemirror.js
- css.js
- formatting.js
- htmlmixed.js
- search.js
- searchcursor.js
- xml.js
- duotone-dark.css
- material.css
- coloris.css
- coloris.js
- coloris.min.css
- coloris.min.js
- filesaver.js
- filesaver.min.js
- jszip.js
- jszip.min.js
- media.css
- media.js
- openverse.js
- swiper-bundle.min.css
- swiper-bundle.min.js
- 1.jpg
- 12.jpg
- 3.jpg
- 15.jpg
- 2.jpg
- 4.jpg
- 5.jpg
- 6.jpg
- 7.jpg
- sample.webm
- sample.webp
- index.html
- readme.txt
- index.html
- readme.txt
- index.html
- LICENSE
- README.md
- index.html
- LICENSE
- README.md
- index.html
- LICENSE
- NOTICE.txt
- README.md
- index.html
- LICENSE
- README.md
- index.html
- LICENSE
- README.md
- index.html
- LICENSE
- readme.txt
- gpl_license.txt
- index.html
- mit_license.txt
- index.html
- LICENSE.txt
- README.md
- index.html
- LICENSE
- README.md
- index.html
- LICENSE.txt
- index.html
- LICENSE
- README.md
- index.html
- LICENSE
- README.md
- index.html
- license.txt
- index.html
- LICENSE
- README.md
- index.html
- LICENSE
- readme.md
- index.html
- LICENSE
- README.md
- index.html
- read_me.txt
- style.css
- index.html
- LICENSE.txt
- index.html
- LICENSE
- README.md
- index.html
- LICENSE
- README.md
- index.html
- README.md
- ICON-LICENSE
- index.html
- README.md
- index.html
- read-me.txt
- index.html
- README.md
- index.html
- LICENSE
- index.html
- LICENSE
- LICENSE.txt
- README.md
- index.html
- readme.txt
- index.html
- LICENSE
- README.md
- index.html
- google-fonts.json
- line-awesome.html
- _floating-labels.scss
- _form-check.scss
- _form-control.scss
- _form-range.scss
- _form-select.scss
- _form-text.scss
- _input-group.scss
- _labels.scss
- _validation.scss
- _clearfix.scss
- _color-bg.scss
- _colored-links.scss
- _focus-ring.scss
- _icon-link.scss
- _position.scss
- _ratio.scss
- _stacks.scss
- _stretched-link.scss
- _text-truncation.scss
- _visually-hidden.scss
- _vr.scss
- _alert.scss
- _backdrop.scss
- _banner.scss
- _border-radius.scss
- _box-shadow.scss
- _breakpoints.scss
- _buttons.scss
- _caret.scss
- _clearfix.scss
- _color-mode.scss
- _color-scheme.scss
- _container.scss
- _deprecate.scss
- _forms.scss
- _gradients.scss
- _grid.scss
- _image.scss
- _list-group.scss
- _lists.scss
- _pagination.scss
- _reset-text.scss
- _resize.scss
- _table-variants.scss
- _text-truncate.scss
- _transition.scss
- _utilities.scss
- _visually-hidden.scss
- _auto-import-of-variables-dark.test.scss
- _color-modes.test.scss
- _media-query-color-mode-full.test.scss
- _utilities.test.scss
- register.js
- runner.js
- _api.test.scss
- jasmine.js
- _api.scss
- _rfs.scss
- _accordion.scss
- _alert.scss
- _badge.scss
- _breadcrumb.scss
- _button-group.scss
- _buttons.scss
- _card.scss
- _carousel.scss
- _close.scss
- _containers.scss
- _dropdown.scss
- _forms.scss
- _functions.scss
- _grid.scss
- _helpers.scss
- _images.scss
- _list-group.scss
- _maps.scss
- _mixins.scss
- _modal.scss
- _nav.scss
- _navbar.scss
- _offcanvas.scss
- _pagination.scss
- _placeholders.scss
- _popover.scss
- _progress.scss
- _reboot.scss
- _root.scss
- _spinners.scss
- _tables.scss
- _toasts.scss
- _tooltip.scss
- _transitions.scss
- _type.scss
- _utilities.scss
- _variables-dark.scss
- _variables.scss
- bootstrap-grid.scss
- bootstrap-reboot.scss
- bootstrap-utilities.scss
- bootstrap.scss
- gallery.scss
- line-awesome.css
- line-awesome.min.css
- la-brands-400.eot
- la-brands-400.svg
- la-brands-400.ttf
- la-brands-400.woff
- la-brands-400.woff2
- la-regular-400.eot
- la-regular-400.svg
- la-regular-400.ttf
- la-regular-400.woff
- la-regular-400.woff2
- la-solid-900.eot
- la-solid-900.svg
- la-solid-900.ttf
- la-solid-900.woff
- la-solid-900.woff2
- _bordered_pulled.scss
- _core.scss
- _fixed-width.scss
- _icons.scss
- _larger.scss
- _list.scss
- _mixins.scss
- _path.scss
- _rotated-flipped.scss
- _screen-reader.scss
- _stacked.scss
- _variables.scss
- line-awesome.scss
- _autocomplete.scss
- _bootstrap-css-vars.scss
- _builder.scss
- _csstree.scss
- editor.scss
- ionicons.css
- vvvebjs-editor-helpers.scss
- .dockerignore
- .gitattributes
- .gitignore
- .gitmodules
- Credits.md
- docker-compose.yml
- Dockerfile
- editor.html
- editor.php
- favicon.ico
- gulpfile.js
- import-script.js
- LICENSE
- new-page-blank-template.html
- package-lock.json
- package.json
- README.md
- save.js
- save.php
- scan.php
- upload.php
# Installation Guide
1. Get the code
git clone https://github.com/givanz/VvvebJs
Downloads the entire project code from GitHub to your computer.
cd VvvebJs
Moves into the project folder you just downloaded.
2. Docker
Easy RecommendedPrerequisites
- Git Needed to download the project code from GitHub.
- Docker Desktop Needed to build and run containers. Install it and keep it running in the background.
docker-compose up
Runs the command against the services defined in the compose file.
docker run -p 8080:80 vvveb/vvvebjs
Runs the built image as an actual container.
Run docker compose ps to check the containers are Up. If the README mentions a port, open http://localhost:PORT in your browser.
Pulled directly from this repo's README.
3. Node.js
EasyPrerequisites
npm install express
Downloads and installs the libraries listed in package.json.
npm i
Type this command into your terminal and run it.
npm run gulp
Type this command into your terminal and run it.
npm run gulp watch
Type this command into your terminal and run it.
npm run gulp sections
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
