fullPage Jekyll

fullPage Jekyll is a Jekyll theme that builds full-screen, scroll-snap websites using fullPage.js and Bootstrap 4.

What is fullPage Jekyll?

fullPage Jekyll is an open-source Jekyll template that combines the fullPage.js library with the Bootstrap 4 framework. It takes Markdown and HTML content written for Jekyll and generates a static website where each section fills the viewport and scrolls vertically with snap behavior. The template is maintained by the GitHub user aksakalli, is released under the MIT license, and is demonstrated live at aksakalli.github.io/fullpage-jekyll.

Key Features

• fullPage.js integration — Every Jekyll section becomes a full-screen, snap-scrolling block, giving a slide-deck feel to the site.
• Bootstrap 4 styling — The template ships with Bootstrap 4's responsive grid, components, and utility classes, so layout and spacing are handled.
• Jekyll static output — The final site is plain HTML, CSS, and JavaScript with no database or server-side processing, ideal for hosting anywhere.
• Bundler-based setup — A Gemfile and standard Jekyll workflow let you run the site locally with bundle exec jekyll serve after bundle install.
• MIT license — You can use, modify, and redistribute the template freely for personal or commercial projects.
• Demo site included — The live preview at aksakalli.github.io/fullpage-jekyll shows the template in action and serves as documentation.

Who is it for?

• Jekyll developers — want a ready-made one-page template that adds fullPage.js behavior without writing custom JavaScript themselves.
• Portfolio creators — want a single-page, full-screen scrolling portfolio that uses Jekyll's content management for projects or posts.
• Marketing teams — are building a landing page with a strong visual narrative and need Bootstrap 4 for consistent styling on a static site.

What can you do with fullPage Jekyll?

• Product landing pages: Present each product feature as a separate full-screen section in a scrolling story.
• Personal intro pages: Show your bio, skills, and contact details across full-screen panels.
• Presentation-style sites: Turn site content into a slide-like experience where users navigate vertically through sections.
• Portfolio showcases: Display each project or piece of work as its own full-screen division with Bootstrap 4 cards or custom markup.

How does fullPage Jekyll work?

To use the template, you clone the repository, install dependencies with bundle install, and start the local server with bundle exec jekyll serve. The site is then viewable at a localhost address; edits to content are detected and the page reloads automatically. Deployment follows the standard Jekyll process, such as pushing to GitHub Pages.

Pricing

The template is free and open source under the MIT license. There are no paid tiers or premium features to unlock.

FAQ

Is fullPage Jekyll free?

Yes. The template is published under the MIT license, which means you can use it freely in personal and commercial projects, modify it, and distribute your changes.

What do I need to run fullPage Jekyll?

You need Ruby and the Bundler gem installed on your machine. After installing Bundler, run bundle install in the project directory, then bundle exec jekyll serve to start the local development server.

Does the template include fullPage.js?

Yes. The template integrates the fullPage.js library, which provides the full-screen scrolling and snap animation behavior. This is the core feature that distinguishes it from a standard Bootstrap template.

Can I customize the Bootstrap 4 styling?

Yes. The template includes Bootstrap 4's source, so you can adjust variables, override styles, or remove components using Jekyll's asset pipeline. The HTML structure is standard Jekyll includes, so you can edit layouts and partials directly.