Atlantic is a beautiful Tailwind CSS theme. It shows best practices for using Tailwind with Jekyll.
- Uses PostCSS with autoprefixer, nested css, cssnano (minify css)
- Works with native Jekyll commands
jekyll serveandjekyll build - Correctly uses Tailwind to purge CSS in production
- Full blog functionality
- Beautfifuly designed responsive blog and post layouts
- Blog categories
- Blog authors (multiple)
- Blog pagination
- Ready to deploy to Netlify
- Responsive design
- Responsive menu
- 100/100 Google Lighthouse speed score ⚡
- 100/100 Google Lighthouse seo score 🏆
- 94/100 Google Lighthouse accessibility score (but this is just because of the green text color contrast)
- Page size is 10KB without images, can you believe it?? 🔥
- Robust example content included
- Royalty free illustrations included
- Netlify & Github Pages ready
If this is your first time using Jekyll, please follow the Jekyll docs and make sure your local environment (including Ruby) is setup correctly.
Download or clone the theme.
To run the theme locally, navigate to the theme directory and run:
To use Tailwind and PostCSS:
npm install
bundle install
To start the Jekyll local development server.
bundle exec jekyll serve
To build the theme.
bundle exec jekyll build
Use Netlify to deploy this theme. This theme contains a valid and tested netlify.toml - Feel free to use the 1-click deploy below.
This theme has been tested to work with Github Pages (and Github Project Pages). When using Github Pages you will need to update the baseurl in the _config.yml otherwise all the css, images and paths will be broken.
For example the site https://zerostaticthemes.github.io/jekyll-atlantic-theme would have baseurl: "/jekyll-atlantic-theme/"
- Stock images by Unsplash - https://unsplash.com/
- Feature icons by Noun Project - https://thenounproject.com/
This theme is open source under the MIT license.
Please do not create ports of this theme. You can't re-distribute or re-sell this theme as a theme, stock, in a tool or as a template.