Google Like css

Google Material Design stylesheet for html apps. The project brings multiple components easy to use, to quickly create responsive and readable interfaces.

Documentation : https://gl-css.vercel.app/

CDN

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/arnoclr/gl-css/build/gl.min.css">
<script defer src="https://cdn.jsdelivr.net/gh/arnoclr/gl-css/build/gl.min.js"></script>

CDN link is auto-updated, if you want to keep the same version and change it manually, you can download the files from the /build folder.

Examples

Find my device

Side panel with actions list, and fullscreen map.

Keep

Masonry grid ordered cards, with responsive drawer.

Messages

Messaging app interface, with contact panel, avatars and bubbles.

You can find more examples at https://codepen.io/collection/XkKWVv

*These examples are not functional, they allow to illustrate the interfaces that it is possible to create with these css styles.

**These examples are inspired by Google web applications.

Commands

sass --watch sass/gl.scss:build/gl.css --style compressed