Giter Club home page Giter Club logo

material-kit-ghost's Introduction

version GitHub issues open License: MIT GitHub closed issues

Product Gif

Material Kit Ghost is a fully coded Ghost theme inspired by our own Material Design line of themes. We have created what we think is the best free Material Design theme for Ghost.

Start Your Development With A Badass Material Kit Ghost Theme inspired by Material Design. If you like Google's Material Design, you will love this kit! It features a huge number of components built to fit together and look amazing.

FULLY CODED COMPONENTS

Material Kit Ghost uses a simple templating language called Handlebars for its themes. We recommend going over at https://ghost.org/docs/api/handlebars-themes/ for more information regarding the theme and how to develop a Ghost theme.

PIXEL PERFECT DESIGN

The screens are carefully created and inspired by our Material Kit line of design. You can never go wrong with the amount of attention we’re willing to invest into crafting the most accurate Material Design theme for Ghost.

View all pages here.

STYLE GUIDE

Material Kit Ghost comes packed with a large number of features. Putting together a page has never been easier. From HTML insertion to bookmarks and responsive styling, you can easily create and built your blog posts. We have created multiple options for you to put together and customise into pixel perfect pages.

View all sections here.

Let us know your thoughts below. And good luck with development!

Table of Contents

Versions

Ghost React Vue
Material Kit Ghost Material Kit  React Vue Material Kit
React Native HTML Figma
Material Kit React Native Material Kit  HTML Material Kit Figma

Quick start

  • Download from Creative Tim
  • Go to you website dashboard
  • Select "Design" under "Settings"
  • Scroll down and hit 'Upload a theme'
  • Drag and drop our .zip file
  • You're set and ready to go!

Documentation

The documentation for the Material Kit Ghost is hosted on our live preview.

File Structure

Within the download you'll find the following directories and files:

material-kit-ghost/
|-- CHANGELOG.md
|-- LICENSE
|-- README.md
|-- assets
|   |-- built
|   |-- css
|   |-- js
|   `-- scss
|-- author.hbs
|-- default.hbs
|-- error-404.hbs
|-- error.hbs
|-- home.hbs
|-- index.hbs
|-- package.json
|-- page-authors.hbs
|-- page-tags.hbs
|-- page-typography.hbs
|-- page.hbs
|-- partials
|   |-- byline-multiple.hbs
|   |-- byline-single.hbs
|   |-- header.hbs
|   |-- icons
|   |   |-- avatar.hbs
|   |   |-- facebook.hbs
|   |   |-- ghost-logo.hbs
|   |   |-- infinity.hbs
|   |   |-- location.hbs
|   |   |-- point.hbs
|   |   |-- rss.hbs
|   |   |-- twitter.hbs
|   |   `-- website.hbs
|   |-- post-card.hbs
|   `-- site-nav.hbs
|-- post.hbs
|-- tag.hbs
`-- yarn.lock

Browser Support

At present, we officially aim to support the last two versions of the following browsers:

Resources

HTML React Vue Angular
Material Dashboard  HTML Material Dashboard  React Vue Material Dashboard  Material Dashboard Angular
HTML Dark Vuetify
Material Dashboard Dark Material Dashboard Vuetify

Reporting Issues

We use GitHub Issues as the official bug tracker for the Material Kit Ghost. Here are some advices for our users that want to report an issue:

  1. Make sure that you are using the latest version of the Material Kit. Check the CHANGELOG from your dashboard on our website.
  2. Providing us reproducible steps for the issue will shorten the time it takes for it to be fixed.
  3. Some issues may be browser specific, so specifying in what browser you encountered the issue might help.

Technical Support or Questions

If you have questions or need help integrating the product please contact us instead of opening an issue.

Licensing

Useful Links

Social Media

Twitter: https://twitter.com/CreativeTim

Facebook: https://www.facebook.com/CreativeTim

Dribbble: https://dribbble.com/creativetim

Instagram: https://www.instagram.com/CreativeTimOfficial

material-kit-ghost's People

Contributors

palingheorghe avatar marqbeniamin avatar groovemen avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.