3 minutes read

The story of yet another framework – Propeller

Not a day goes by when you don’t hear about a new framework to accomplish something faster in a simpler, better way. It seems we need framework to manage all these frameworks! Still we spent an entire year building one more framework – Propeller.

Obviously it deserves an explanation.

So what is Propeller?

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

In simple words, it helps Front-end developers and designers build websites and web-based apps faster, better and beautiful.

Propeller - front-end responsive framework

And why did we create Propeller?

Propeller is crafted by the creative minds at Digicorp. Designers and developers face some common obstacles while developing web-based apps and websites. They are mostly related to :

  1. Re-usability. For instance, writing the same lines of code from scratch for every project instead of  reusing it.
  2. Maintaining code standards. For instance, each developer uses her own coding style unless a standard practice is laid down for her to use. Things become worse when multiple developers are placed on a single project or developer has to make changes to someone else’s code.
  3. Turnaround time. This is affected in absence of reusability and dependency on developers.

We thought that if we can figure out a solution around these obstacles, it would help us maintain the quality of products we build for ourselves and our clients (mostly startups) and ship them faster too.

D’Material – The predecessor

This is when we started building D’Material – a library of most frequently used html-based components. We developed basic components like dropdown, date picker and a few advanced components to begin with. We did not build everything from scratch. We did a conscious effort to reuse most of the components we had created in past.

We selected Google’s Material Design as library’s design language as we were confident about its design principles. Bootstrap being a stable and a very popular framework in design and developer community was again a clear choice for coding it.

In about a year’s time, as a side project, we built a library of 19 components and a template. We also used that template as a backend theme in many of our products. We, the design team, were using D’Material everywhere and were confident about its effectiveness (It saved us a lot of time and made us deliver mockups faster than ever. We also noticed that code was no longer developer-dependent, but followed a general standard).

Roadblocks ahead!

Well, while we (the designers) were happy building and using the library, it took us time to convince our in-house development team to use it. They were probably uncomfortable switching to a library that was not globally tested or accepted (compared to the ones they were currently using).

Birth of Propeller

For quite some time, we tried pushing it internally but it didn’t work. So instead of convincing (or forcing!) our in-house developers to use D’Material, we decided to tread the more difficult path – make D’Material global and acceptable across the world (perhaps it will work as a reverse psychology for our developers!). It should also give us a lot more confidence in our capabilities as designers.

Founders of Digicorp were equally confident about this approach. To take it even further, Abhishek Desai, one of the co-founders, came up with the name Propeller. It was an apt name as it reflected the purpose of D’Material very well – “Propel the development”.

So, to propel development all over the world, we launched Propeller on Wed, Oct 26, 2016. The philosophy remains the same, to put our components library together and keep evolving it till the world (and our in-house team) starts using it.

To be honest, we know we can’t do this alone, so we have made Propeller open source under MIT Licence. That does not mean that we have abandoned the project and now expect others to take care of it (as it happens in many open source initiatives, especially started by companies). Every single day, we are contributing to the framework and look for your support and feedback.  We have a small but vibrant community on Github right now, and expect it to grow bigger from here on.

If you have made it so far, thank you so much. Please do check the library on Propeller Website or on Github. We are looking forward to have you onboard, either as a user or as a contributor!

Supriya Agnihotri

Intrigued by design, Supriya is someone who inspires and guides the vision of the Design team at Digicorp. With an extensive work experience of 17 years, she has designed user interfaces and created user experiences for software products and services and lead design sprints for products. She has taken up UI & UX initiatives for different domains including HealthTech, FinTech, Non-Profits, EdTech, and for brands like CricHeroes, PetPooja, Vastra, TechSoup, RoughGuides, TargetStudy and more. She is the founder of Propeller.in, a front end UI Library. When she’s not at work, she likes to travel, read, shop, experiment her culinary skills and spend time with her family and friends.

  • Posted on April 17, 2017

Intrigued by design, Supriya is someone who inspires and guides the vision of the Design team at Digicorp. With an extensive work experience of 17 years, she has designed user interfaces and created user experiences for software products and services and lead design sprints for products. She has taken up UI & UX initiatives for different domains including HealthTech, FinTech, Non-Profits, EdTech, and for brands like CricHeroes, PetPooja, Vastra, TechSoup, RoughGuides, TargetStudy and more. She is the founder of Propeller.in, a front end UI Library. When she’s not at work, she likes to travel, read, shop, experiment her culinary skills and spend time with her family and friends.

Stay In Touch - Digicorp

Stay in Touch!

Get Our Case Studies, Newsletters, Blogs and Infographics Directly into Your Inbox