A CSS Framework and set of React components that implement Google’s Material Design
Some components already available. CSS framework built with Less.
Category: Android
Google Material Design icons
Today, Google Design are open-sourcing 750 glyphs as part of the Material Design system icons pack. The system icons contain icons commonly used across different apps, such as icons used for media playback, communication, content editing, connectivity, and so on. They’re equally useful when building for the web, Android or iOS.
What’s included in the release?
- SVG versions of all icons in both 24px and 48px flavours
- SVG and CSS sprites of all icons
- 1x, 2x icons targeted at the Web (PNG)
- 1x, 2x, 3x icons targeted at iOS (PNG)
- Hi-dpi versions of all icons (hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi) (PNG)
Google Material Design Guide
We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. This spec is a living document that will be updated as we continue to develop the tenets and specifics of material design.
PixelLove icons
Streamline Icons
Streamline 1600+ vector icons for iOS and Android. Adapt line thickness. Selected (filled-in) states and Sketch format available.
Material design in the 2014 Google I/O app
Every year for Google I/O, we publish an Android app for the conference that serves two purposes. First, it serves as a companion for conference attendees and those tuning in from home, with a personalized schedule, a browsing interface for talks, and more. Second, and arguably more importantly, it serves as a reference demo for Android design and development best practices.
On the design front, this year’s I/O app uses the new material design approach and features of the Android L Developer Preview to present content in a rational, consistent, adaptive and beautiful way.
Flinto – iPhone, iPad and Android Prototyping
Like Marvelapp but more features and more expensive.
The App Design Process is Broken
It’s easy to catch issues in your design when you are testing an interactive prototype. Problem is, that usually doesn’t happen until development starts. At that point, it’s too late to fix things.Fix it With Flinto
You’ll be testing interactive prototypes from the start. Flinto makes it quick and easy to create prototypes that look just like the real thing. And Flinto doesn’t disrupt your current workflow because it uses the screens you’ve already designed.
Turn Marvel Prototypes Into iOS And Android Apps In Less Than 10 Minutes Using Appcelerator
For Marvel Pro users only. Also run locally.
About two months ago we launched a feature for Pro users that allowed them to download their prototype as a zip file. The zip file contains the HTML, CSS and JS source files that Marvel uses to build your prototype.
This allows you to host, alter, mix up and play with your prototype on your local machine or server. It’s also really useful if you happen to be presenting and you’re not sure if you’ll land yourself in a situation that has a sketchy internet connection.
There is one other advantage to our downloadable prototype in that it’s fully compatible with HTML based app building platforms like Titanium, Phonegap, Cordova. The following tutorial video gives you an overview on how to run the integration with Titanium.
