Jurnal Web .com

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.