Static Site Eleventy Fractal

Open-Source Static Site coded in Eleventy - Provided by AppSeed Web App Generator.

Static Site Features:

Design: HTML5up Fractal
SSG: 11ty
Webpack, Babel
Light-server - for browser refresh
PostCSS, Sass/SCSS, CSSnano
Autoprefixer

Want more? Go PRO!

PRO versions include Premium UI Kits, Lifetime updates and 24/7 LIVE Support (via Discord)

Eleventy Material Kit PRO	Eleventy Paper Kit PRO	Eleventy Now UI Kit PRO

How to use it

$ # clone the sources
$ git clone https://github.com/app-generator/eleventy-html5up-fractal.git
$ cd eleventy-html5up-fractal
$
$ # install modules
$ yarn
$
$ # start the project in development mode
$ yarn dev
$ # app is running on http://localhost:4000
$
$ # build the project for production
$ yarn build

Project Structure

The boilerplate code is built with a modular structure that follows the recommended pattern used by many open-source projects.

< ROOT > - Eleventy Fractal       # project root folder
    |
    |--- src/                     # website source folder  
    |--- src/_includes            # website partials (footer, header)  
    |--- src/assets               # website assets (scss, javascript files)
    |--- src/index.njk            # index page in NJK format
    |  
    |--- .eleventy.js             # Eleventy (11ty) config file
    |--- package.json             # main script executed by Yarn, Npm
    |
    |-----------------------------

Support

Free support via eMail < support @ appseed.us > and Github
24/7 Live Support via Discord for paid plans and commercial products.

Resources

Eleventy Fractal - Product page
Eleventy Fractal - Live DEMO

License & Credits

CCY 3.0 - Inherited from Html5Up
Deventy - the initial starter

What is Eleventy (11ty)

Eleventy is a simpler static sites generator created to be a JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure.

Eleventy uses independent template engines. We don’t want to hold your content hostage. If you decide to use something else later, having your content decoupled in this way will make migration easier. Eleventy works with multiple template languages (HTML, Markdown, Javascript, Liquid, Nunjunks ..)

Eleventy resources

Eleventy 11ty - the official site
Eleventy Docs - the documentation
Eleventy - the official repository (Github)

Static Site Eleventy Fractal - Provided by AppSeed Web App Generator.