Propeller Framework kombinerar Bootstrap & Google Material Design

Googles enorma popularitet materialdesign bör inte komma som någon överraskning. Det är en del av en modern UI-stil som fokuserar mer på platt design med en betoning på UX och användbarhetsmönster.

Genom att ta de materiella konceptkoncepten och lägga till dem till Bootstrap får vi Propellerramen.

Denna fullt lyhörda open source-ram spelar perfekt rollen. Den levereras med ett komponentbibliotek av 25 användargränssnitt, tillsammans med anpassade mallar för att påskynda produktionen.

Du kan hitta all källkod på GitHub, tillsammans med information om webbläsarsupport och senaste uppdateringar.

Om du verkligen vill dyka i ska du kolla in dokumentationssida. Det här är de bra sakerna som händer, täcker mappstruktur, grundläggande webbplatsinställningar, användning av komponenter och hur man anpassar själva paketet.

De flesta komponenter går utöver Bootstraps klasser, så du jobbar med a äkta BootStrap-kodbas. Det är dock starkt anpassat till efterlikna materialdesignanimationer och design ideologier.

Dropdown menyer, formulär, flikar med flikar och framstegsfält, alla dessa komponenter följ materialets designstil och de är super lätta att konfigurera. Den svåra delen är att hitta den exakta komponenten som matchar din webbplats eftersom det finns så många att välja på.

Generellt sett Propeller följer de flesta av Googles designriktlinjer. Utvecklarna har gjort ett fantastiskt jobb med denna ram och det matchar verkligen materialstilen.

På sidan Komma igång hittar du fyra olika nedladdningar, var och en för ett visst syfte:

1. Materialtema - för befintliga Bootstrap-webbplatser som vill ha en materiell designstil
2. Propeller Kit - hela CSS / JS-biblioteket är färdigt för produktion
3. Fristående - enskilda komponenter som du kan kopiera / klistra in för dina egna projekt
4. Adminmall - en anpassad adminpanelsmall gjord med Propeller

Om du är ny på ramen kan du ladda ner hela satsen och tinker bort. Det här paketet har inte många exempelsidor, men du kan titta på Propellers webbplats för att se hur det ser ut.

Denna ram är produktionsfärdiga om du letar efter ett materialtema. Det är en av de enklaste ramarna att bygga med och det kommer sannolikt att finnas kvar i flera år framåt.