Framework material design untuk membuat web responsive — Semejak Google mengumumkan bahasa desain baru mereka yang diberi nama Material Desian, banyak sekali orang yang membuat alat dan kerangka kerja untuk memudahkan kita dalam menerapkan elemen dan aturan yang ada di material desain, seperti animasi elemen, warna dan prinsip layout.
Apabila Anda belum pernah mendengar Material Design sebelumnya, maka kami sarankan Anda untuk mengunjungi spesifikasi resmi dari Material Design buatan Google ini.
Dengan Material Design, Google ingin membawa keseragaman terhadap User Interface (UI) dari platform mereka, bukan hanya pada Android, namun juga untuk halaman web.
Apabila Anda ingin membuat web dengan gaya ala Material Desain, maka Anda bisa mendownload sumber daya yang ada di website resminya, namun jika Anda ingin sesuatu yang lebih luas dari sekedar material desain Google, maka Anda bisa menggunakan Framework khusus yang dibuat dengan desain ala Material design.
Materialize
Materialize adalah sebuah framework responsive modern berbasiskan Material Design yang bisa Anda gunakan untuk proyek web Anda, Anda bisa mendownload CSS dan source file SCSS nya, lengkap dengan Javascript, ikon desain material dan font Roboto. tersedia komponen seperti grid, form, button, navbar.
Material UI
Material UI adalah framework CSS dan satu set komponen React yang mengimplementasikan Material Desain milik Google.
Terdiri dari berbagai komponen seperti button, dialog, dropdown, icon, input dan lainnya.
Paper Bootswatch for Bootstrap
Papar adalah sebuah theme bootswatch untuk Framework Bootstrap, yang memiliki semua komponen bootstrap namun dalam bentuk Material Design.
Bootstrap Material
Sama seperti Paper, Bootstrap Material adalah theme boostrap yang memiliki komponen boostrap yang lengkap, dan diatasnya terdapat 740 ikon asli dari Material Design dari repositori Google Material Design.
Leaf BETA
Leaf adalah Framework CSS yang dibuat oleh Kim Korte yang berbasiskan Google Material Design.
MUI CSS Framework
MUI adalah framework HTML, CSS dan Javascript yang ringan untuk membuat website mengikuti aturan Google Material Design. MUI didesain dari awal agar cepat, ukuran kecil dan mudah digunakan.
– Baca juga: 7 Plugin Jquery Untuk Membuat Web Material Design
Polymer Project
Polymer Project milik Google ini adalah sebuah framework dan perwujudan dari Material Design mereka untuk web. Meskipun masih dalam tahap pengembangan, namun sebagian besar komponennya sudah cukup matang untuk digunakan. Framework ini sudah support berbagai browser modern seperti IE(10+), Chrome, Safari dan Firefox.
Daemonite
Daemonite adalah murni sebuah framework Material Design.
LumX
LumX adalah framework front-end responsive yang berbasiskan Google Material Design dan AngularJS dengan Sass, Bourbon & Neat. Menggunakan framework ini Anda bisa dengan cepat mengkostumasi aplikasi desain Anda.
Materialize Meteor
Meteor adalah sebuah paket Materialize, sebuah Framework front-end responsive berbasiskan Material Design.
– Baca juga: Kumpulan Framework HTML dan CSS
Framaterial Framework
Framaterial adalah framework open source yang memungkinkan Anda untuk membuat proyek dengan elemen dan aturan Material Design.
Material Framework
Material framework adalah CSS Framework yang responsive dan simpel yang memungkinkan Anda terintegrasi dengan Material Design dalam setiap proyek Anda, Anda bisa juga mendapatkan versi minified juga.
Material Foundation
Material Foundation Sebuah framework foundation yang dibuat oleh Zurb, framework ini bekerja dengan baik meskipun hanya memiliki sedikit fitur.
Material Design for Bootstrap
Material Design for Bootstrap ini bisa Anda gunakan jika Anda ingin membuat web ala Material Design untuk front-end, dan ini berbasiskan Bootstrap 3.
Essence
Essence adalah framework CSS yang mengimplementasikan aturan dari Material Design menggunakan Facebook react.js, Anda bisa gunakan ini untuk membuat tampilan web dan ponsel dengan cepat.
Materialstrap
Materialstrap adalah sebuah framework HTML dan CSS yang ditulis dari awal dan dibuat dengan prinsip-prinsip Bootstrap namun dengan tambahan gaya Material Design.
Chrome Angular MD Template
Chrome Angular MD Template Ini adalah Framework aplikasi generik yang dapat berjalan sebagai halaman web tersendiri, ekstensi chrome, sebuah aplikasi Android dan iOS.
Material CSS
Material CSS adalah sebuah framework CSS yang berbasiskan Google Material Design.
Materialize Pixelyze
Materialize Pixelyze adalah sebuah framework yang juga berbasiskan Google Material Design.
Itulah berbagai framework HTML dan CSS yang bisa Anda manfaatkan untuk membuat web berbasiskan aturan dan komponen Material Design milik Google. Semoga ini bisa berguna untuk Anda, jika Anda memiliki informasi lain seputar framework yang berbasiskan Material Design, silahkan share dengan kami.
Saya lebih prefer bootstrap , soalnya sudah biasa dan gak susah makainya hehe .. kalau ada pendapat lain boleh boleh saja
Tapi bootstrap pada dasarnya tidak menggunakan material design
Emang keren si tampilannya tapi masih bingung :) udah nyoba2 bikin buat wp & kalau didesktop si bagus tampilannya tapi kalau di HP css nya kaya ga jalan (masih di localhost) kira2 tau kenapa ga gan?
kalo di android pake cordova ionic yang material . . cusss
ngiler.. sayangnya belom cukup buat membeli host.. :)
wih… keren, kalo di pasang di blog bisa ga ?
gan boleh minta urutan pembelajarannya gak ? saya bingung harus mulai dari mana, maaf soalnya masih newbie banget..
Terima kasih..
Pelajari HTML dan CSS, baru belajar berbagai framework