Back to templates

Template details

Jekyll Noita

Noita is a Jekyll theme built with Foundation for creating responsive static websites.

About this template

Noita is a Jekyll theme built on the Zurb Foundation front-end framework, providing a Foundation-styled starting point for static websites.

What is Jekyll Noita?

Noita is a Jekyll theme built with Foundation, created by penibelst and distributed through the penibelst/jekyll-noita repository on GitHub. As a Jekyll theme, it takes Markdown content and Liquid templates as input and produces a fully static HTML website as output, ready to host on GitHub Pages or any static file server. The theme's core advantage is that it replaces Jekyll's default styling with the responsive components of Foundation, giving developers a familiar CSS framework without extra setup. A live demo is available at http://noita.penibelst.de/, which doubles as the project's homepage with descriptions and tests.

Key Features

  • Foundation integration — the theme uses Zurb Foundation for its responsive grid, typography, buttons, and other interface components.
  • Jekyll-native workflow — built as a standard Jekyll theme, so it works with Jekyll's conventional directory structure and supports GitHub Pages's built-in Jekyll builder.
  • Live demo — http://noita.penibelst.de/ shows the theme in action with a description and tests, letting you preview before installing.
  • Continuous integration — the repository includes a Travis CI configuration that builds and deploys the gh-pages branch, indicating automated testing and deployment to GitHub Pages.
  • Publicly accessible source — the code is available on GitHub at penibelst/jekyll-noita, so you can browse or fork it for your own projects.
  • Responsive by default — Foundation's mobile-first approach means the theme adapts to phone, tablet, and desktop screens out of the box.

Who is it for?

Noita is aimed at developers and content creators who use Jekyll for static site generation and prefer Foundation as their CSS framework over the default options. Specific groups include:

  • Jekyll users — anyone who wants to skip building the front-end from scratch and start with a Foundation-styled layout, then customize it through Jekyll's data files and partials.
  • Front-end developers — developers who want a minimal, conventional codebase to modify, since the theme follows Jekyll standards and is openly hosted.
  • GitHub Pages publishers — users hosting a site on GitHub Pages who want a theme that aligns with the platform's Jekyll support and automated build pipeline.

Alternatives

Minima, the official default Jekyll theme, offers a plain, content-focused layout without a CSS framework such as Foundation. Other community-built Jekyll themes exist, but Noita distinguishes itself by pairing Jekyll directly with Foundation.

FAQ

What is Jekyll Noita?

Noita is a Jekyll theme built with the Foundation front-end framework. It provides the templates and assets needed to turn Markdown content into a static website, and it includes a live demo site where you can see the design.

Where can I see a demo of Noita?

The theme's demo is hosted at http://noita.penibelst.de/, which also contains a description and tests of the theme. You can browse it to evaluate the layout and features before installing.

Does Noita work with GitHub Pages?

Yes, because Noita is a Jekyll theme and its repository maintains a gh-pages branch that is built by Travis CI. GitHub Pages natively supports Jekyll, so you can use this theme by setting it as your remote theme or copying its files into your project.

What CSS framework does Noita use?

Noita uses Zurb Foundation, a responsive front-end framework. This gives the theme a mobile-first grid system, styled components, and JavaScript plugins, unlike Jekyll's default theme which relies on simpler built-in styling.

screenshot of Jekyll Noita on template0.com