materializecss_starter

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #claude-code #codex #cli #developer-tools #react #windows

materializecss_starter

★ 62 Open GitHub ↗

A Starter Boilerplate for Materializecss, ionicons, font-awesome and Animatecss

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Open Source Helpers](https://www.codetriage.com/steemgigs/steemgigs/badges/users.svg)](https://www.codetriage.com/steemgigs/steemgigs)

# Materializecss Starter

A Starter Boilerplate for [Materializecss](http://materializecss.com) with  [Ionicons](http://ionicons.com), [fontawesome](http://fontawesome.io/) and [Animatecss](https://daneden.github.io/animate.css/).

**Check demo at [here](https://rawcdn.githack.com/jalasem/materializecss_starter/c6b89e5543a2b66691c1917a1a89c6e6dc75bbaa/index.html)**

## What is Materializecss ?
Materializecss is a modern responsive front-end framework based on Material Design.

## Who is this meant for ?
- Web Designers and Developers
- Hybrid app developers
- Electron app developers (materializecss electron boilerplate coming soon!)
- Hackers (who just like to get up and running as quick as possible)

## How do I use this?
Very simple. Just clone this repository by typing the command below in your terminal or command prompt(with [git](http://git-scm.com) installed):
```
$ git clone https://github.com/jalasem/materializecss_starter.git project_name
```

### Prerequisites

- To use the git command, you need to have git installed, you can do this by installing it through [git-scm.com](http://git-scm.com)
- You also need a text editor to enjoy your code editing. I personally recommend [VS Code](http://code.visualstudio.com)
- And the latest version of Mozilla, Chrome or Edge browser to see it work.

### Getting Help and Guides

- To get Started using Materializecss, A very good and the only resource I recommend is the documentation provided on [Materializecss website](http://materializecss.com)
- Get previews and choose the icon of your choice at [ionicons website](http://ionicons.com) and [ionicons official cheat-sheet](http://ionicons.com/cheatsheet.html)
- [Fontawesome.io](http://fontawesome.io/) is a very good place to check out font-awesome icons and [cheatsheets](http://fontawesome.io/cheatsheet/)
- See Animatecss( A library for using css animation on our page) demos [here](https://daneden.github.io/animate.css/) or Animatecss [github repo](http://github.com/daneden/animate.css)

### Why use Ionicons and Fontawesome in the same Project?

Good Question! Ionicons is a library that offers elegant and brilliant icons but don't have much icons as fontawesome do. So you could choose to use any of the great icons in both ionicons or font-awesome. This gives you more flexibility.
**Below is a snippet on how to an icon from the ionicons library.**
```
<i class="icon ion-bookmark"></i>
```
**And this for a sample font-awesome icon**
```
<i class="fa fa-plus"></i>
```

## Contributing
I will love your contributions on this project. Ranging from typos to bug fixes and even sample pages.
**To contribute**

1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -m 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`

**After your pull request is merged**, you can safely delete your branch.

### Suggestions
Yeah! Let's discuss it. Send an e-mail to Ajala Abdul-Samii Olalekan at kgasta@gmail.com or create an issue .

## Versioning
I will try my best to keep this project updated with the latest versions of Materializecss and its dependencies, fontawesome, ionicons and Animatecss.

Here is a list of all I used and their versions:
- Materializecss : 0.98.1
- Jquery: 2.1.1
- Ionicons: 2.0.1
- font-awesome: 4.7.0
- Animatecss (based on the latest commit from @daneden github repo)

## Author

* **Ajala AbdulSamii** - kgasta@gmail.com

## How do I say thank you?

If you find this project useful or helpful for you or a colleague. Why not tell the world about it via facebook or twitter and star this project

## License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

## Acknowledgments and Credits

* Dogfalo and his team members who made Materializecss project. Without them, this project might have never existed
* Thanks a bunch to Prosper Otemuyiwa @unicodeveloper for the inspiration he gave me through his talks, fb/twitter posts and his project [Laravel hackhathon Starter](https://github.com/unicodeveloper/laravel-hackathon-starter)

materializecss_starter

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README