Propeller – Front-end framework based on Material Design & Bootstrap

Jul 27, 2017Blog, Tutorials, Web design

Propeller - Front-end framework based on Material Design & Bootstrap

Propeller

A front-end responsive framework based on Google’s Material Design Standards & Bootstrap.
Visit Propeller »

Key Features

  • Library with 25 Responsive UI Components
  • Ready to use template which speeds up the Development process
  • Detailed User Manual which provides step by step usage for every Propeller component.

Quick start

There are different ways you can start using Propeller,

  • Clone the repo: git clone https://github.com/digicorp/propeller.git
  • Install with Bower: bower install propeller
  • Install with npm: npm install propellerkit

Using third party components:

  • Install Select2 with npm: npm install propellerkit-select2
  • Install range slider with npm: npm install propellerkit-range-slider
  • Install datetimepicker with npm: npm install propellerkit-datetimepicker
  • Install datatables with npm: npm install propellerkit-datatables
  • Install custom scrollbar with npm: npm install propellerkit-custom-scrollbar

Propeller Guidelines

Follow our Guidelines and get familiar with the basic setup and structure.

What’s included

The downloaded folder will have following directories and files, with a logical grouping of common assets including both compiled and minified versions.

Propeller/
├── css/
│    ├── bootstrap.css
│    ├── bootstrap.min.css
│    ├── propeller.css
│    ├── propeller.min.css
├── js/
│    ├── jquery.min.js
│    ├── bootstrap.js
│    ├── bootstrap.min.js
│    ├── propeller.js
│    ├── propeller.min.js
├── fonts/
│    ├── roboto/
└── index.html

Just copy the compiled CSS and JS files and the font files(created for icons) from the .zip and add them to your project.

Admin theme

Admin theme is a responsive dashboard template created mainly for admin and backend applications(CMS, CRM, Custom admin application, Admin dashboard). It comes with a huge collection of reusable UI components and integrated jQuery plugins. It works on all major web browsers, tablets and phones.

Admin theme

Browser Support

  • Firefox, Chrome, Safari Mac
  • IE 9+
  • Android 4.4+, Chrome for Android 44+
  • iOS Safari 7+

Bugs and feature requests

Found any bug or issue? Post them on GITHUB. Have feedback, suggestions or Questions? Join GITTER CHAT ROOM.

Community

Get updates on Propeller’s development. Chat with the Product team and community members using Propeller.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, Propeller is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we’ll adhere to those rules whenever possible.

See the Releases section of our GitHub project for changelogs for each release version of Propeller.

License

Propeller v1.1.0 (http://propeller.in) © 2016-2017 Digicorp Information Systems Pvt. Ltd. Licensed under MIT

Author

Developed and maintained at Digicorp.


Propeller is a front-end responsive framework based on Google’s Material Design Standards & Bootstrap.

Learn more…

David

Graphic and website designer, currently maintaining web servers for existing clients and building websites for new clients. In my free time, I learn about Linux, SSH, and WP-CLI and I’m preparing this blog.

Related Posts

25+ Free Fonts for Your Next Design Project

25+ Free Fonts for Your Next Design Project

Looking for some fresh and creative fonts to spice up your design projects in 2023? You’re in luck! In this blog post, we’ve curated a list of 25 free fonts that you can download and use right away. These fonts are suitable for various purposes such as logos,...

Adobe Photoshop Shortcuts – Infographic

Adobe Photoshop Shortcuts – Infographic

Thanks to Amanda from the Consumer Base that she sent us an ultimate Adobe Photoshop shortcuts cheat sheet. If you are a beginner or want to brush up your knowledge on Adobe Photoshop shortcuts then you are at the right place. Have look at it and let us your thoughts...

20 WordPress Tutorial channels on Youtube

20 WordPress Tutorial channels on Youtube

This post will introduce you a useful list of the 20+ best currently active WordPress tutorial related channels on Youtube. These channels are mostly focused on Tutorials and Guides for Developers and Designers that want to learn all about WordPress. Check them out...

12 AI Tools for Graphic and Website Designers

12 AI Tools for Graphic and Website Designers

Artificial intelligence (AI) is transforming the way designers work, from ideation to execution. AI tools can help designers automate tedious tasks, generate new content, and enhance their creativity. In this blog post, I will introduce AI tools that you can use to...

How to Pair Fonts – Tips and Tools for Perfect Font Combinations

How to Pair Fonts – Tips and Tools for Perfect Font Combinations

Font pairing is the art of choosing two or more fonts that work well together and create a harmonious design. Font pairing can make or break your website, logo, poster, or any other project that involves typography. But how do you pair fonts like a pro? In this...

The Ultimate Guide to Color Palettes

The Ultimate Guide to Color Palettes

Color palettes are collections of colors that work well together and create a harmonious visual effect. They are essential for any design and art project, as they help to convey the mood, message, and style of your work. But how do you choose the right color palette...

Show/Hide Comments (0 comments)
L

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Social followers

Articles

Visits

Pin It on Pinterest

Shares