PHPackages                             tobya/webflowsiteconverter - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. tobya/webflowsiteconverter

ActiveLibrary[Utility & Helpers](/categories/utility)

tobya/webflowsiteconverter
==========================

Convert exported Webflow Site to a usable blade site

03[1 PRs](https://github.com/tobya/WebflowSiteConverter/pulls)PHPCI passing

Since Feb 15Pushed 3mo agoCompare

[ Source](https://github.com/tobya/WebflowSiteConverter)[ Packagist](https://packagist.org/packages/tobya/webflowsiteconverter)[ RSS](/packages/tobya-webflowsiteconverter/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (2)Used By (0)

Convert exported Webflow Site to a usable blade site
====================================================

[](#convert-exported-webflow-site-to-a-usable-blade-site)

[![Latest Version on Packagist](https://camo.githubusercontent.com/9c5ef0d31f85f5b4473ee8abb5c7556b9636dbceba1af3017e3e2d3de4e5240b/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f746f6279612f776562666c6f7773697465636f6e7665727465722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/tobya/webflowsiteconverter)[![GitHub Tests Action Status](https://camo.githubusercontent.com/e25e8e4b18ccbb0916c92a4f15770e9fb1489e3d8ba226119fe2cd5f68e1481d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f746f6279612f776562666c6f7773697465636f6e7665727465722f72756e2d74657374732e796d6c3f6272616e63683d6d61696e266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/tobya/webflowsiteconverter/actions?query=workflow%3Arun-tests+branch%3Amain)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/2829d6be75383eebaff7241136ca431f75551de55eadb4eeff6dc225a82ab080/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f746f6279612f776562666c6f7773697465636f6e7665727465722f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d61696e266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/tobya/webflowsiteconverter/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amain)[![Total Downloads](https://camo.githubusercontent.com/5e986c105162d18d73f7fed4b80eb2f98ed6312e8ecf0bfb3950e401824d17f3/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f746f6279612f776562666c6f7773697465636f6e7665727465722e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/tobya/webflowsiteconverter)

Webflow is a no code (or low code) generator site which is really amazing from a design point of view and allows you to really rapidly generate wonderful looking sites.

However, if it is a very small, or simple site then webflow monthly fees can get a bit out of hand. Webflow provide a simple way to export your html, css and js from their system. I have previously tried to export this zip file and view it. It works fine as a static local html site but has various issues if you wish to transform it into a blade views for a laravel site.

This project will take a set of files from an exported webflow project and do the following

- Convert all `.html` files to `blade.php` files
- Copy all other files (.js .css .jpg .jpeg .png .ttf etc) to your public directory for loading
- Convert all `href` and other urls from relative eg `about.html` to fixed routes `/about`
- Convert all script tags to fixed uris pointing to the copy in your public directory
- Convert all css link tags to fixed uris pointing to the copy in your public directory
- Convert all relative # tags to fixed on the route eg `about.html#Contact` to `/about#Contact`
- Convert simpley HTML site. Will simply import html files, css, js and images to public directory. will rewrite all relative urls to start with '/'

### In Development

[](#in-development)

This project is still in active development and may have (quite) a few rough edges. I am adding features as required for the few sites I use it on. Delighted with an help, PRs , Issues, discussions.

### Additional Options

[](#additional-options)

- You can extract a section via a css selector and replace with a snippet

This will pull out the innerhtml from a tag with the container1 class and replace it with the include allowing you to put your own content in these sections. Additionally these are all extracted to seperate files so you can check changes.

```
    $this->extractsection('.container1',"@include('containers.main')");
```

### Route

[](#route)

If you have a simple site that only needs the pages to be linked up correctly, you can call a simple route function and your site will work out of the box.

> Route::webflow();

For anything more complex you can create routes and controllers as you normally would.

### Rerunning

[](#rerunning)

This project has also been designed to allow you to export your data multiple times. As the project is overwritten you can diff the changes and update. Thsi is

Support us
----------

[](#support-us)

Delighed with any sponsors

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require tobya/webflowsiteconverter
```

You can publish the config file with:

```
php artisan vendor:publish --tag="webflow-site-converter-config"
```

This is the contents of the published config file:

```