All Projects → jameshamann → Jekyll Material Theme

jameshamann / Jekyll Material Theme

Licence: mit
A Jekyll Theme based on Material Design using Materialize.

Projects that are alternatives of or similar to Jekyll Material Theme

A library to simply use Backdrop in your project (make it easy). Read more ->
Stars: ✭ 137 (-16.97%)
Mutual labels:  material-design, material, material-ui, material-theme
Material Dashboard
Material Dashboard - Open Source Bootstrap 5 Material Design Admin
Stars: ✭ 9,987 (+5952.73%)
Mutual labels:  material-design, material-ui, material-theme
ChroMATERIAL is an IntelliJ Platform coloring scheme that expresses the chromatic nature of Material Design within IntelliJ and Android Studio. It is intended to highlight the most import aspects of your code.
Stars: ✭ 143 (-13.33%)
Mutual labels:  material-design, material, material-theme
Implementation of a Material Spinner for Android with TextInputLayout functionalities
Stars: ✭ 107 (-35.15%)
Mutual labels:  material-design, material, material-ui
Nextjs Material Kit
NextJS version of Material Kit React by Creative Tim
Stars: ✭ 141 (-14.55%)
Mutual labels:  material-design, material-ui, material-theme
A theme engine for Android
Stars: ✭ 1,319 (+699.39%)
Mutual labels:  material-design, material, material-ui
Material Design Cards ? How cool is that !
Stars: ✭ 101 (-38.79%)
Mutual labels:  material-design, material, material-ui
The flexible, easy to use, all in one drawer library for your Android project. Now brand new with material 2 design.
Stars: ✭ 11,498 (+6868.48%)
Mutual labels:  material-design, material-ui, material-theme
Material Design Data
关于 Material Design 的一切资料都在这里
Stars: ✭ 1,857 (+1025.45%)
Mutual labels:  material-design, material-ui, material-theme
It's a material-design about screen to use on your Android apps. A developer profile and application information easy to integrate. 🔖
Stars: ✭ 1,511 (+815.76%)
Mutual labels:  material-design, material, material-ui
Android toggle buttons that adhere to the Material Design documentation.
Stars: ✭ 88 (-46.67%)
Mutual labels:  material-design, material, material-ui
Svelte Material Ui
Svelte Material UI Components
Stars: ✭ 2,081 (+1161.21%)
Mutual labels:  material-design, material, material-ui
Awesome icon packs for WPF and UWP in one library
Stars: ✭ 1,157 (+601.21%)
Mutual labels:  material-design, material, material-ui
Jekyll Theme Mdui
🍷A Jekyll theme based on MDUI
Stars: ✭ 143 (-13.33%)
Mutual labels:  jekyll-themes, material-design, material
Shards Dashboard
🔥A beautiful Bootstrap 4 admin dashboard templates pack.
Stars: ✭ 1,143 (+592.73%)
Mutual labels:  material-design, material, material-ui
Vuetify Material Dashboard
Vuetify Material Dashboard - Open Source Material Design Admin
Stars: ✭ 1,023 (+520%)
Mutual labels:  material, material-ui, material-theme
🐉 Material Component Framework for Vue
Stars: ✭ 33,085 (+19951.52%)
Mutual labels:  material-design, material, material-theme
React Saas Template
🌊 Template for building an SaaS / admin website using React + Material-UI
Stars: ✭ 942 (+470.91%)
Mutual labels:  material-design, material, material-ui
Smart Webcomponents
Web Components & Custom Elements for Professional Web Applications
Stars: ✭ 110 (-33.33%)
Mutual labels:  material-design, material, material-ui
基于Android 系统的动画总结
Stars: ✭ 123 (-25.45%)
Mutual labels:  material-design, material, material-ui

Jekyll Material Theme

A Jekyll Theme based on Material Design using Materialize.

CircleCI Gem Version Gem


Cookie Policy

If you use cookies on your site, or choose to use Google Analytics, you're able to notify visitors with this prompt. The Thanks! dialog message can be customised in your _config.yml file.

Tools and Experience Section

If you'd like to display some of your skills and experience, you can do so through using the section below.

Live Demo


Add this line to your Jekyll site's Gemfile:

gem "jekyll-material-theme"

And add this line to your Jekyll site's _config.yml:

theme: jekyll-material-theme

And then execute:

$ bundle

Or install it yourself as:

$ gem install jekyll-material-theme


The _config.yml file has the following options.

Please ensure to copy this sample before serving up your site as some variables are required in order to make the site run correctly.

title: Your awesome title
name: Your Name
email: [email protected]
description: Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.

display_footer: inital  #change this to 'none' if you want to hide the footer copyright text

theme: jekyll-material-theme

parallax_image_one: assets/images/startup3.jpg # These are the images used for the parallax background
parallax_image_two: assets/images/startup3.jpg

# Settings for the porfolio section

portfolio_heading: Portfolio
portfolio_type: cards #cards or carousel

project_one: "First Project"
project_one_description: Describe your project!
project_one_icon: location_on # these are from materiailize css, the full collection is here:

project_two: Second Project
project_two_description: Describe your project!
project_two_icon: photo_camera

project_three: Third Project
project_three_description: Describe your project!
project_three_icon: hotel

project_four: Fourth Project
project_four_description: Describe your project!
project_four_icon: restaurant

# Skill icons from

  - name: amazonwebservices
  - name: android
  - name: angularjs
  - name: apache
  - name: appcelerator
  - name: apple
  - name: atom
  - name: babel
  - name: backbonejs
  - name: bitbucket
  - name: bootstrap
  - name: bower
  - name: c
  - name: chrome
  - name: codeigniter
  - name: coffescript
  - name: confluence
  - name: cplusplus
  - name: csharp
  - name: css3
  - name: cucumber
  - name: d3js
  - name: debian
  - name: devicon
  - name: django
  - name: docker
  - name: doctrine
  - name: dot-net
  - name: drupal
  - name: erlang
  - name: facebook
  - name: firefox
  - name: foundation
  - name: gatling
  - name: gimp
  - name: git
  - name: github
  - name: gitlab
  - name: go
  - name: google
  - name: gradle
  - name: grunt
  - name: gulp
  - name: heroku
  - name: html5
  - name: ie10
  - name: illustrator
  - name: inkscape
  - name: itellij
  - name: java
  - name: jasmine
  - name: javascript
  - name: laravel
  - name: less
  - name: linux
  - name: meteor
  - name: mocha
  - name: mongodb
  - name: moodle
  - name: mysql
  - name: nginx
  - name: nodejs
  - name: nodewebkit
  - name: oracle
  - name: photoshop
  - name: php
  - name: phpstorm
  - name: protractor
  - name: postgresql
  - name: python
  - name: pycharm
  - name: rails
  - name: react
  - name: redhat
  - name: redis
  - name: ruby
  - name: rubymine
  - name: safari
  - name: sass
  - name: sequelize
  - name: slack
  - name: sourcetree
  - name: ssh
  - name: swift
  - name: symfony
  - name: tomcat
  - name: travis
  - name: trello
  - name: twitter
  - name: typescript
  - name: ubuntu
  - name: vim
  - name: visualstudio
  - name: vuejs
  - name: webpack
  - name: webstorm
  - name: windows8
  - name: wordpress
  - name: yii
  - name: zend
  - name: ansible
    uri: # Add external icon, for internal icon use uri: /assets/my_icon.jpg

icon_size: 50 # font-size of icons in px
colored: colored # Leave blank for black and white icons

project_button: Github


baseurl: # If your site is located at /blog or /home, change it here, otherwise leave it empty
url: http://localhost:4000/ # The URL of your site

# Google tracking, if both are filled, tag manager will prevail. Set up GA through GTM in that case
tag_manager_id: # This looks something like GTM-XXXXXXX
google_analytics_tracking_id: # This looks something like UA-000000000-0 Head over to to setup.

cookie_accept_message: Thanks! # The pop-up dialog that appears after accepting the cookie notice.

syntax_highlighting: true # include the css for syntax highlighting

# Build settings
markdown: kramdown
permalink: pretty
  - jekyll-feed
  - jekyll-assets
  - jekyll-minifier


Bug reports and pull requests are welcome on GitHub at This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.


To set up your environment to develop and further customise this theme, fork the repo and explore the _assets directory, which includes all the css, js and font folders. If you're adding a feature, please add some tests in the spec directory to ensure everything works as intended.




The theme is available as open source under the terms of the MIT License.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].